v-on指令用來觸發頁面事件的指令。 如上代碼，指令書寫格式為：v-on:事件名稱，不要忘記書寫:，等於號後面的內容是Vue對象里聲明的方法。 在Vue對象里，我們添加了一個新的屬性，叫做methods，它用來聲明方法對象，其中show即為我們聲明的方法對象。 運行結果： 在Vue中，我們還可以對v ...
v-on指令用來觸發頁面事件的指令。
<body>
<div id="app">
<button v-on:click="show()">點擊</button>
</div>
<script type="text/javascript">
var vm = new Vue({
el : "#app",
data : {},
methods:{
show:function(){
alert('aa');
}
}
});
</script>
</body>
如上代碼，指令書寫格式為：v-on:事件名稱，不要忘記書寫:，等於號後面的內容是Vue對象里聲明的方法。
在Vue對象里，我們添加了一個新的屬性，叫做methods，它用來聲明方法對象，其中show即為我們聲明的方法對象。
運行結果：
在Vue中，我們還可以對v-on進行簡化，用@來代替，效果是一樣的，代碼如下所示：
<button @click="show()">點擊</button>
除了click事件，我們還可以定義其他的一些常用事件，如：
mouseover：滑鼠放上事件
mouseout：滑鼠移開事件change：內容改變
dblclick：雙擊事件
focus：聚焦事件
blur：失去焦點事件 還有很多，這裡不一一列舉了，有興趣的童鞋可以自己研究一下，手動嘗試一下。
接下來講解一個ECMAScript6的小知識點：方法的定義
//之前的寫法 show:function(){ alert('aa'); } //ECMAScript6的新寫法 show(){ alert('aa'); }
簡單了很多，大家都可以自己嘗試一下。
每天進步一點點！
