Vue09-事件处理
一、一个简单的示例
v-on:当xxx的时候。
二、事件处理
2-1、参数说明
你好呀,{{name}}
a拿到的是:事件对象。是默认拿到的!
2-2、this
事件中的this就是vue的实例对象。
当showInfo是箭头函数的时候,this是window。
所以,所有被vue管理的函数,都写成普通函数!!!
2-3、v-on:click的简写=》@
2-4、传参
不传参:showInfo、传参:showInfo(参数)。
此时,event没有了!解决方式:使用$占位。
2-5、methods对比data
methods中的函数也在vm实例中,但是没有做数据代理,即没有getter和setter方法。
也可以把 methods中的函数放入到data中,但是此时,函数也做了数据代理,没有必要!
所以,只有data中的数据才做数据代理和数据劫持!