## 自定义事件 当我们给组件的标签绑定一个事件的时候,实际上是一个自定义事件,所以下面点击后并不触发父组件的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> ```