nuxt如何引入插件

plugins 属性使得你可以轻易地为 Nuxt.js 配置使用 Vue.js 插件。element ui 插件引入为例。

安装

cnpm i element-ui -S // 网速不好使用cnpm安装

创建文件

在plugins文件夹下面，创建element-ui.js文件，添加如下代码：

import Vue from 'vue'
import Element from 'element-ui'
import locale from 'element-ui/lib/locale/lang/zh-CN'
Vue.use(Element, { locale })

添加配置

每次你需要使用 Vue.use() 时，你需要在 plugins 目录下创建相应的插件文件，并在 nuxt.config.js 中的 plugins 配置项中配置插件的路径。
src插件的路径，ssr: false 插件只会在客户端运行

plugins: [
  {
    src: '~/plugins/element-ui', 
    ssr: false
  }
]