vue中自定义组件为什么要加.native

子组件aMyTest.vue

子组件

父组件中引入子组件

<a-my-test @myClick="childClick" ></a-my-test>

子组件内部触发了myClick事件，那么父组件上的childClick事件将会触发，这是没问题的，我们一般可以通过这种方式将子组件的值   传递给父组件，childClick内部就可以接收到传递的数据1。

有时候我们想要给 子组件整体添加一个事件，而不是子组件内部的某个dom元素上添加事件，<a-my-test @click="childClick" ></a-my-test>,这样添加点击事件是不会触发的，

因为在自定义组件上注册的事件触发的是组件自定义的事件，根本不是原生的dom事件，既然不是，当然不会触发喽

将上面的模板改成

<a-my-test @click.native="childClick" ></a-my-test>,

点击事件就可以触发了，.native修饰符就是用来注册元素的原生事件而不是组件自定义事件的

参考：https://segmentfault.com/q/1010000011186651/a-1020000011187890