vue 事件中的 .native

native是什么？

.native - 监听组件根元素的原生事件。 
主要是给自定义的组件添加原生事件。

官网的解释：

        你可能想在某个组件的根元素上监听一个原生事件。可以使用 v-on 的修饰符 .native 。

        通俗点讲：就是在父组件中给子组件绑定一个原生的事件，就将子组件变成了普通的HTML标签，不加'. native'事件是无法触  发的。

 1 
 2 
 3 
 4     
 5     
 6 
 7 
 8     

 9         按钮
10     
11 
12 
27 
28 

  此时点击页面中的按钮无任何反应。

    
    


    

        按钮
    

总结： .native - 主要是给自定义的组件添加原生事件，可以理解为该修饰符的作用就是把一个vue组件转化为一个普通的HTML标签，并且该修饰符对普通HTML标签是没有任何作用的。