## 自定義事件 ?當我們給組件的標簽綁定一個事件的時候,實際上是一個自定義事件,所以下面點擊后并不觸發父組件的handleClick方法. ``` <div id="app"> <child @click="handleClick"></child> //這里的是自定義事件 </div> <script> Vue.component('child', { template: ` <div @click="childClick">child</div> //這里綁定的是監聽的原生事件 `, methods:{ childClick:function () { console.log('child'); } } }); new Vue({ el: '#app', methods: { handleClick: function () { console.log('11'); } } }); </script> ``` ## 綁定原生事件 ``` <div id="app"> <child @click.native="handleClick"></child> //在后面加一個native的修飾符就可以了,這就是原生事件 </div> <script> Vue.component('child', { template: ` <div @click="childClick">child</div> `, }); new Vue({ el: '#app', methods: { handleClick: function () { console.log('11'); } } }); </script> ```