<script>
var vm = new Vue({
el:'#app',
data:{
msg:'hello v-on',
},
methods:{
func: function(){
console.log(this.msg);
}
}
});
</script>
我们在methods中定义一个方法func，元素中的事件如click、mouseover等如何调用func方法呢？
<div id="app">
<input type="button" value="点击" v-on:click='func'>
</div>
v-on后面为要绑定的事件，事件后面引号内是要调用的方法名称。
v-on:可以简写为 @
<div id="app">
<input type="button" value="点击" v-on:click='func'>
<input type="button" value="点击" @click='func'>
<input type="button" value="点击" @mouseover='func'>
</div>
