nuxt.js 使用 mint-ui element-ui
阿新 • • 發佈:2018-04-09
-s bsp them pan 插件 框架 HA 文件 plugins
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 兩個框架了
nuxt.js 使用 mint-ui element-ui