<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，這裡大家一定要注意