47.vue组件上定义事件需要用到native

<template>     <div>         <my-button @click.native="buttonClick"></my-button>     </div></template><script>import myButton from './components/myButton.vue'export default {     components : {         myButton     },     methods : {         buttonClick () {             alert("原生点击")         }     }}</script>

我们可以尝试一下如果我们去掉.native的话你会发现组件根本出alert(原生点击)的弹框，这是为什么呢，正常的情况在一个单个组件内部自己使用v-on的事件，ok都不会有问题，如果在一个组件上定义一个指令事件，必须要用.native，这里大家一定要注意