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
}
]
网友评论