详解Vue.js中.native修饰符

<my-ponent v-on:click.native="doTheThing"></my-ponent>

<div id="app">
　　<a href="#" rel="external nofollow" v-on:click.native="clickFun">click me</a>
</div>

new Vue({
　　el: '#app',
　　methods: {
　　　　clickFun: function(){
　　　　　　console.log("message: suess")
　　　　}
　　}
})

<div id="app">
　　<my-ponent v-on:click.native="clickFun"></my-ponent>
</div>

Vue.ponent('my-ponent', {
　　template: `<a href='#'>click me</a>`
})
new Vue({
　　el: '#app',
　　methods: {
　　　　clickFun: function(){
　　　　　　console.log("message: suess")
　　　　}
　　}
})