1. 程式人生 > >nuxt.js 使用 mint-ui element-ui

nuxt.js 使用 mint-ui element-ui

-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