Nuxt中ElementUI的使用

Nuxt中ElementUI的使用

• 1. 下载

npm i element-ui -S

• 2. 在plugins文件夹下面，创建ElementUI.js文件

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

• 3. 在nuxt.config.js中添加配置

   css: [
     'element-ui/lib/theme-chalk/index.css'  // 引入全局样式
   ],
   plugins: [
     {src: '~/plugins/ElementUI', ssr: true } // ssr:true代表在服务端渲染,客户端不渲染
   ],
   build: {
     vendor: ['element-ui'] // 防止重复重复打包
   }

• 4. 重新启动项目

npm run dev

在页面上写个按钮<el-button></el-button>试试看,是否已经生效了