vue框架学习（四）之事件的处理

v-on指令监听Dom事件来触发一些javaScript函数

<div id="app">
<button v-on:click="count += 1">
增加1
</button>
<span>这个函数被点击了<span style="color: red">{{count}}</span>次</span>
</div>

<script>
var vm  = new Vue({
el:'#app',
data:function () {
return {
count:0
}
}
});
</script>

<div id="app">
<button v-on:click="greet">问候雷</button>
</div>

<script>
var vm  = new Vue({
el:'#app',
data:function () {
return {
name:"小白"
}
},
methods:{
greet:function () {
alert("hello " + this.name);
},
}
});
</script>

3）绑定的同时传递参数

<div id="app">
<button v-on:click="greet('哇哈哈')">问候雷</button>
</div>

<script>
var vm  = new Vue({
el:'#app',
methods:{
greet:function (name) {
alert("hello " + name);
},
}
});
</script>