Vue中native的用法

Vue中native的用法

native

native在Vue.js官方的大致意思是监听自定义标签根标签的事件,将原生事件绑定到组件上,比如a标签可以直接绑定原生事件,但是如果你通过自定义封装了button标签,起成了名字myself-abutton,这时候绑定事件就需要加上native了,下面写一个简单的例子方便理解:

例子

四个按钮,分别是普通标签不加native和加native,自定义标签不加native和加native




  
  
  JS Bin
 





大家猜测一下哪个按钮会触发事件,下面我依次点击了四个按钮,console中的结果如图
Vue中native的用法_第1张图片
现在native的作用就很显而易见了
以上事例测试代码及输出来自JS Bin

你可能感兴趣的:(Vue,Vue,native,原生事件,自定义标签)