a.v-on指令的作用是：为元素绑定事件
b.事件名不需要写on
c.指令可以简写为@
d.绑定的方法定义在methods属性中
e.方法内部通过this关键字可以访问定义在data中数据

<div id="app">
    <input type="button" value="事件绑定"v-on:事件名="方法">
    <input type="button" value="事件绑定"v-on:click="doit">//鼠标点击事件
    <input type="button" value="事件绑定"v-on:monseenter="doit">//鼠标获取时间
    <input type="button" value="事件绑定"v-on:dblclick="doit">//鼠标双击事件
    <input type="button" value="事件绑定"@dblclick="doit">//鼠标双击事件
    <h2 @click="changefood">{{ food }}</h2>//鼠标点击执行下方函数
</div>

var app = new Vue({
    el:"#app",
    data:{
        food:"cake"
    }
    methods:{
        doit:function(){
            alert("doit!")//逻辑
        },
        changefood:function{
         //console.log(this.food)
         this.food="tastes great!"
        }
    }
})