全局引用:
一、安装 Element UI
npm i element-ui -S
二、在main.js 中引入 element UI
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css' //引用 element-ui 样式
Vue.use(ElementUI ) //最后要use ElementUI ,不然会报错
(引入成功,最后就可以在各组件页面中使用了)
按需引用:
一、安装 Element UI
npm i element-ui -S
二、安装 babel-plugin-component
npm install babel-plugin-component -D
三、将 babel.config.js 改成下面那样
module.exports = {
"presets": [["es2015", {
"modules": false }]],
"plugins": [
[
"component",
{
"libraryName": "element-ui",
"styleLibraryName": "theme-chalk"
}
]
]
}
四、在main.js 中 按需引用你要使用的组件,如下:
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import 'element-ui/lib/theme-chalk/index.css' //引入样式,这里是引入全部样式,你也可以单独引入某个组件样式
import {
Button } from 'element-ui';
Vue.config.productionTip = false
Vue.use(Button)
new Vue({
router,
render: h => h(App),
}).$mount('#app')
(引入成功,最后就可以在各组件页面中使用了)