|
200 | 200 |
|
201 | 201 | - **수식어:**
|
202 | 202 |
|
203 |
| - - `.stop` - call `event.stopPropagation()`. |
204 |
| - - `.prevent` - call `event.preventDefault()`. |
205 |
| - - `.capture` - add event listener in capture mode. |
206 |
| - - `.self` - only trigger handler if event was dispatched from this element. |
207 |
| - - `.{keyAlias}` - only trigger handler on certain keys. |
208 |
| - - `.once` - trigger handler at most once. |
209 |
| - - `.left` - only trigger handler for left button mouse events. |
210 |
| - - `.right` - only trigger handler for right button mouse events. |
211 |
| - - `.middle` - only trigger handler for middle button mouse events. |
212 |
| - - `.passive` - attaches a DOM event with `{ passive: true }`. |
| 203 | + - `.stop` - `event.stopPropagation()` 호출. |
| 204 | + - `.prevent` - `event.preventDefault()` 호출. |
| 205 | + - `.capture` - 캡처 모드로 이벤트 등록. |
| 206 | + - `.self` - 이벤트가 이 엘리먼트에서 전달된 경우에만 트리거 됨. |
| 207 | + - `.{keyAlias}` - 이벤트가 특정 키에 대해서만 트리거 됨. |
| 208 | + - `.once` - 이벤트가 한 번만 트리거 됨(일회용처럼). |
| 209 | + - `.left` - 마우스 왼쪽 버튼으로만 이벤트가 트리거 됨. |
| 210 | + - `.right` - 마우스 오른쪽 버튼으로만 이벤트가 트리거 됨. |
| 211 | + - `.middle` - 마우스 중앙(힐 클릭) 버튼으로만 이벤트가 트리거 됨. |
| 212 | + - `.passive` - `{ passive: true }` 옵션으로 DOM 이벤트를 등록. |
213 | 213 |
|
214 | 214 | - **세부 사항**:
|
215 | 215 |
|
216 |
| - The event type is denoted by the argument. The expression can be a method name, an inline statement, or omitted if there are modifiers present. |
217 |
| - |
218 |
| - When used on a normal element, it listens to [**native DOM events**](https://developer.mozilla.org/en-US/docs/Web/Events) only. When used on a custom element component, it listens to **custom events** emitted on that child component. |
219 |
| - |
220 |
| - When listening to native DOM events, the method receives the native event as the only argument. If using inline statement, the statement has access to the special `$event` property: `v-on:click="handle('ok', $event)"`. |
221 |
| - |
222 |
| - `v-on` also supports binding to an object of event / listener pairs without an argument. Note when using the object syntax, it does not support any modifiers. |
223 |
| - |
224 | 216 | 이벤트 타입은 인자로 표시됩니다.
|
225 | 217 | 표현식은 메서드 이름 또는 인라인 명령문이거나,
|
226 | 218 | 수식어가 있는 경우 생략될 수 있습니다.
|
|
419 | 411 |
|
420 | 412 | - **요구되는 값**: JavaScript expression that is valid in a function argument position, including support for destructuring. Optional - only needed if expecting props to be passed to the slot.
|
421 | 413 |
|
422 |
| -- **인자:** slot name (optional, defaults to `default`) |
| 414 | +- **인자:** 슬롯 이름 (선택적, 기본값은 `default`) |
423 | 415 |
|
424 | 416 | - **다음으로 제한됨**:
|
425 | 417 |
|
|
500 | 492 | <p>{{msg}}</p>
|
501 | 493 | </div>
|
502 | 494 | <!-- 컴포넌트 -->
|
503 |
| - <my-component v-once :comment="msg"></my-component> |
| 495 | + <MyComponent v-once :comment="msg"></MyComponent> |
504 | 496 | <!-- `v-for` 디렉티브 -->
|
505 | 497 | <ul>
|
506 | 498 | <li v-for="i in list" v-once>{{i}}</li>
|
|
0 commit comments