前端学习笔记系列一：4 vue中@click.native

.native - listen for a native event on the root element of component.

作用：[给组件绑定原生事件]

例子：如果使用router-link标签，加上@click事件，绑定的事件会无效因为：router-link的作用是单纯的路由跳转，会阻止click事件，你可以试试只用click不用native,事件是不会触发的。此时加上.native，才会触发事件。

题外话：

@ 这个东西实际上是 v-on 的简写，而 v-on 则是对 Vue 的事件体系封装后的 API 接口。Vue 的官方文档中指出了，Vue 使用的是一套自己的事件传递机制，如 @click 等事件是经过 Vue 封装的。因此，在一些实际上处理 DOM 原生事件的场合才需要添加额外的标识符。

转载于:https://www.cnblogs.com/Sweepingmonk/p/10868330.html