vue中 .native 修饰符的作用

我们经常发现，在组件内部，事件对象上面经常绑定的有native，那native有什么作用呢？我们今天聊一聊吧😘😘！

举个栗子呀😜😜：

@click.native.prevent='handleLogin'

此处 click 写到了组件身上，当前click到底是浏览器支持的click还是说父子通信时候的自定义事件是不确定的。如果不加native，在vue2版本中它会被识别为自定义事件，加上之后才会被识别为浏览器原生的click。

总结：

native 的作用：就是把当前事件识别为原生的点击事件。

拓展：

有时候我们还见到这样写的@keyup.enter.native='handleLogin'

我们发现native书写位置和上面不一样，但其实这两种写法都可以，因为修饰符没有顺序之分