美文网首页nuxt.js基础入门教程
nuxt入门教程(三)在nuxt中使用element ui

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

作者: 党云龙 | 来源:发表于2019-10-29 10:47 被阅读0次

在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中没有任何区别

相关文章

网友评论

    本文标题:nuxt入门教程(三)在nuxt中使用element ui

    本文链接:https://www.haomeiwen.com/subject/anewvctx.html