vue .native 在js 如何使用

在Vue.js中，`.native` 修饰符用于绑定原生事件。它可以用于监听非Vue组件的原生事件，例如监听 window 的滚动事件或者使用第三方库的事件。

要在JavaScript中使用 `.native`，你可以通过以下步骤进行操作：

1. 导入Vue.js库：

import Vue from 'vue';

2. 创建一个Vue实例：

const app = new Vue({
  el: '#app',
  // ...
});

3. 在Vue实例中使用 `.native` 修饰符来监听原生事件：

app.$on('click.native', event => {
  // 处理点击事件的逻辑
});

在上面的代码中，`click.native` 表示监听的是一个原生的点击事件。你可以根据需要更改事件类型，例如 `scroll.native` 表示监听滚动事件。

这样，当原生的点击事件触发时，Vue实例中定义的回调函数将会被调用。你可以在回调函数中执行相应的操作。

请注意，`.native` 修饰符只能用于监听原生事件，并且只能在Vue实例中使用。如果你想监听Vue组件的自定义事件，不需要使用 `.native` 修饰符，而是直接使用 `@` 或 `v-on` 指令。