3、v-on定义事件

<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>