nuxt plugins 具体使用方式

在 Nuxt.js 中，插件是一种可重用的代码模块，可以在整个应用程序中使用。插件通常用于在应用程序中注册全局组件、指令、过滤器、路由或第三方库等。

下面是一个 nuxt 插件的示例：

// plugins/myscript.js

import Vue from 'vue'

Vue.prototype.$myScript = function () {
  console.log('This is my script!')
}

这个插件定义了一个名为 `$myScript` 的全局方法。要使用该插件，需要在 `nuxt.config.js` 文件中注册它：

// nuxt.config.js

export default {
  plugins: [
    { src: '~/plugins/myscript.js', mode: 'client' }
  ]
}

`mode` 属性指定了插件的运行模式，可以是 `'client'`、`'server'` 或 `'all'`，分别表示在客户端、服务器端或两者都运行。在这个例子中，插件只在客户端运行，因为它使用了 Vue.prototype，这是一个客户端才可以使用的 API。

现在 `$myScript` 方法已经注册到 Vue 实例中，可以在任何组件中使用它：

<template>
  <div>
    <button @click="$myScript()">Run my script</button>
  </div>
</template>

这样就可以在点击按钮时调用 `$myScript` 方法了。

除了全局方法，插件还可以注册全局组件、指令、过滤器或路由。更多关于 nuxt 插件的信息可以查看官方文档：https://nuxtjs.org/docs/2.x/directory-structure/plugins/