Vue.js中v-on的使用方法

v-on是 Vue提供的事件綁定機制   縮寫是 @ --

使用方法：

<div id="app">
    <input type="button" value="按我" @click="function">
</div>

//為該input標簽綁定點擊事件，點擊時調用方法“function”。

<script>
    var vm = new Vue({
      el: '#app',
      data: {},
      methods: {
        function() {
    alert("你好");
    }
</script>

事件修飾符：

.stop 阻止冒泡
.prevent 阻止默認事件
.capture 添加事件偵聽器時使用事件捕獲模式
.self 只當事件在該元素本身（比如不是子元素）觸發時觸發回調，self 只會阻止自己身上冒泡行為的觸發，並不會真正阻止 冒泡的行為
.once 事件只觸發一次