nuxt.js 使用 mint-ui element-ui

Posted 2020-10-30 hai-cheng

1，首先下载需要使用的插件

/* element-ui */

npm i element-ui -S

/* mint-ui */

npm i mint-ui -S

2，然后在 plugins 中创建对应的 js 文件 element-ui.js / mint-ui.js

import Vue from ‘vue‘
import ElementUI from ‘element-ui‘
import ‘element-ui/lib/theme-chalk/index.css‘

Vue.use(ElementUI)

import Vue from ‘vue‘
import MintUI from ‘mint-ui‘
import ‘mint-ui/lib/style.css‘

Vue.use(MintUI)

3，在 nuxt.config.js 中配置

　　vendor: [‘element-ui‘,‘mint-ui‘]  // 在 build 对象里边

　　//下边的 plugins 跟 build 对象同级

　plugins: [
    { src: ‘~plugins/element-ui‘},
    { src: ‘~plugins/mint-ui‘},
  ]

这样就可以使用element-ui,mint-ui 两个框架了