绑定事件监听 v-on指令与其参数传递和修饰符

v-on

1.基础

官方文档链接 https://cn.vuejs.org/v2/api/#v-on

• 作用：绑定事件监听。
  事件类型由参数指定。表达式可以是一个方法的名字或一个内联语句，如果没有修饰符也可以省略。

• 预期：Function | Inline Statement | Object

• 语法：

<div id="app">
<!--eventA()是自己定义的方法-->
    <button v-on:click="eventA()">A1</button>
</div>

• 语法糖（简写）：

<div id="app">
<!--和上面的没有区别-->
    <button @click="eventA()">A1</button>
</div>

• 参数：
  – event对象（代表事件的状态，如鼠标、键盘的状态等），默认参数。
  – 自定义参数

• 用法：
  用在普通元素上时，只能监听原生 DOM 事件。用在自定义元素组件上时，也可以监听子组件触发的自定义事件。
  在监听原生 DOM 事件时，方法以事件为唯一的参数。如果使用内联语句，语句可以访问一个 $event property：v-on:click=“handle(‘ok’, $event)”。
  从 2.4.0 开始，v-on 同样支持不带参数绑定一个事件/监听器键值对的对象。注意当使用对象语法时，是不支持任何修饰器的。

2.参数传递