nuxt入门教程(三)在nuxt中使用element ui

在nuxt中使用element ui


第一步先安装

cnpm i element-ui -S-d

安装完了以后
找到 plugins文件夹,新建一个js文件,名字叫 ElementUI.js
然后再里面输入:

import Vue from 'vue'
import ElementUI from 'element-ui'
Vue.use(ElementUI)

然后打开 nuxt.config.js添加下面这些:

css: [
  'element-ui/lib/theme-chalk/index.css'
],
plugins: [
  {src: '~/plugins/ElementUI', ssr: true }
],
build: {
  vendor: ['element-ui']
}

build中原来可能有东西,你加它上面即可。

使用的时候跟再vuecli中没有任何区别

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容