5. Vue事件 定义方法 执行方法 获取数据 改变数据 执行方法传值 以及事件对象

一、Vue事件
Vue中方法绑定用v-on或者@；方法需要在script中的export default中添加和data同级的methods节点，方法定义需要写在methods中；
（1）单个事件绑定


效果如下图：

（1）多个事件绑定


效果图如下：

二、获取数据


三、改变数据
简单的例子：


效果图如下：

复杂的例子：
定义一个空数组，然后通过方法改变数组的值；


效果图如下：

四、执行方法传值
@click="senddata(‘eee’)"注意，传值的值用单引号的话，外面需要用双引号；


效果图：

五、事件对象
事件对象$event，事件可以获取当前dom节点（e.srcElement），还可以获取自定义属性做传值用；自定义属性用data-属性名定义，存在srcElement下的dataset中；

效果图如下：