案例:
<div id="app">
<my-comp @click.native="doThis"></my-comp>
<div @click="doThis">我是元素</div>
</div>
<script>
Vue.component('my-comp', {
template: '<div>我是组件</div>'
});
new Vue({
el: '#app',
methods: {
doThis: function() {
console.log('click');
}
}
});
</script>
结果说明:
点击[我是组件][我是元素]都可以触发doThis函数,如果组件click事件去掉native修饰将不会触发doThis事件,因为Vue把它当做组件的自定义事件了,而组件的自定义事件的触发需要使用this.$emit('click')。