element-ui全局配置和按需配置

全局配置：
1.导入：
main.js全局引入element-ui：
import ElementUI from "element-ui"

2.注册：
使用Vue注册element-ui：
Vue.use(ElementUI)

3.使用：（任何组件中使用element-ui组件）
按钮

el-button样式:
type属性有：primary,info,danger,success

按需配置：
1.安装插件：
npm install babel-plugin-component -D

2.配置babel.config.js(配置）：
module.exports = {
presets:[
'@vue/cli-plugin-babel/preset'
],
'plugins':[
[
'component',
{
"libraryName":"element-ui",
"styleLibraryName":"theme-chalk"
}
]
]
}

3.main.js按需引入element-ui：
import {Button} from "element-ui"

4.main.js按需注册
Vue.use(Button)

修改配置文件必须重启：
npm run dev/serve

---

将element-ui 从main.js中抽离出来
src/plugins/element.js

将3,4步抽离至该组件（还要把vue引进来，因为需要它注册）
1.main.js按需引入element-ui：
import {Button} from "element-ui"

2.main.js按需注册
Vue.use(Button)

3.将独立封装的组件引入到main.js中
import '@/plugins/element.js'

__EOF__

本文作者：Sternstunde
本文链接：https://www.cnblogs.com/strundent/p/16911085.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！