vue2的 .native
时间: 2023-09-26 07:07:43 浏览: 167
vue2-native:基于vue2 + vue-router + vuex 构建的一个新闻类大型单页面应用 —— 今日头条(native端)
`.native` 是 Vue.js 2.x 中的一个修饰符,用于监听原生 DOM 事件。当在组件上使用 `.native` 修饰符时,Vue.js 会自动将事件绑定到组件根元素上,而不是组件内部的子元素。
例如,如果你有一个自定义的组件 `<my-component>`,你可以通过在组件上使用 `.native` 修饰符来监听原生的 `click` 事件:
```html
<my-component @click.native="handleClick"></my-component>
```
这样,当 `<my-component>` 被点击时,`handleClick` 方法会被触发。
需要注意的是,`.native` 修饰符只能在自定义组件上使用,并且只对原生 DOM 事件有效。对于组件内部的自定义事件,不需要使用 `.native` 修饰符。
阅读全文