nuxt项目引入elementUI

---

前言

服务端渲染（SSR）使用许多项目使用nuxt，其动态路由使用也十分便捷，如果将element UI丰富的组键与nuxt互补，这将更便捷我们开发

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、nuxt项目下载element

//随便一个
cnpm i element-ui -S   
npm i element-ui -S 

我用的cnpm ，最后结果是这样的

二、nuxt项目引入

1.添加js文件

文件名：element-ui.js
内容：

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

2.修改nuxt.config.js

代码如下（示例）：

  css: [
    {src:'element-ui/lib/theme-chalk/index.css'}
  ],
 plugins: [
    {src:'~plugins/element-ui', ssr: true}  //引入之前创建的js文件
  ],
 build: {
    vendor: ['element-ui']
  }

总结

到此引入完毕，这样就可以使用elementUI了