Vue如何给组件绑定原生事件

由于组件上面的事件默认为自定义事件,那么此例中<child @click="handleClick"></child>不会被系统识别为我们理解中的点击事件必须通过$emit方法绑定它才行。

Vue如何给组件绑定原生事件

这样组件内外都要定义方法未免有点麻烦,那么想在组件上直接使用原生事件怎么办?给事件加个后缀.native就行:

Vue如何给组件绑定原生事件

显然,我们推荐第二种方法,代码少了不是一行两行啊~