一、一个简单的示例
二、事件处理
2-1、参数说明
<div id="root">
<h1>你好呀,{{name}}</h1>
<button v-on:click="showinfo">点击我</button>
</div>
<script>
new Vue({
el:'#root',
data:{
name:'milk',
},
methods:{
showinfo(a, b, c, d){
console.log(a,b,c,d);
}
}
})
</script>
2-2、this
事件中的this就是vue的实例对象。
2-3、v-on:click的简写=》@
2-4、传参
2-5、methods对比data
methods中的函数也在vm实例中,但是没有做数据代理,即没有getter和setter方法。
所以,只有data中的数据才做数据代理和数据劫持!