Vue v-on命令 事件监听

js child::Vue 监听后代组件内事件

语法

缩写

<子组件名 @事件名=处理函数></子组件名>

修饰符:

1. child::Vue 事件修饰符
2. child::按键修饰符
3. child::增强键 组合键修饰符

实例:

之一

<a v-on:click="doSomething($event)"> ... </a>

1. 说明:

1. child::[[Vue $event变量|$event]]
2. 事件处理程序中可以有多个方法，这些方法由逗号运算符分隔

之一

1. blog-post是一个子组件
   1. 组件的名字为blogPost
      1. child::Vue html与js命名规定
2. 该组件内部抛出事件是带了一个参数
   1. 抛出的参数储存在Vue $event变量中

1. 内联表达式:

<blog-post ... @enlarge-text="postFontSize += $event"></blog-post>

2. 调用方法:

<blog-post ... @enlarge-text="onEnlargeText($event)"></blog-post>