Vue-指令之v-on（简写@-04）

v-on: 事件绑定

给元素进行事件绑定，需要通过v-on:指令实现.

事件类型：

鼠标事件：onclick ondblclick onmouseenter onmouseleave onmouseover onmousedown等等

键盘事件：onkeyup onkeydown onkeypress 等等

---

（一）语法：

<标签 v-on:click="事件处理函数名" >

简写形式(v-on: 指令可以简写成 @)

<标签 @click="事件处理函数名" >   	// 推荐使用

在vue中声明事件处理函数

---

（二）参数：

有时，根据业务要求，事件方法需要传递参数，形式有如下3种:

1. 如果传递就使用传递的(有传递实参)

2. 如果没有声明() ，形参就是“事件对象”

3. 如果声明(),还没有传递实参，形参就是undefined

 

绑定事件处理函数并传参：

（三）事件操作数据信息

methods中的事件方法如果需要操作vue实例的data数据，可以通过this关键字调用，this代表vue实例对象，这个对象可以对本身的许多成员进行调用。

因此给vue的methods对象声明成员可以这样：

---下一章节讲解 v-model指令---