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标签是没有任何作用的。