1、Element UI
- Element UI 是餓了么前端團(tuán)隊(duì)開(kāi)源的一套 PC 端 vue 組件庫(kù)锅很。支持在 vue2 和 vue3 的項(xiàng)目中使用：
? vue2 的項(xiàng)目使用舊版的 Element UI
? vue3 的項(xiàng)目使用新版的 Element Plus
2艾少、在 vue2 的項(xiàng)目中安裝 element-ui
3、引入 element-ui
- 開(kāi)發(fā)者可以一次性完整引入所有的 element-ui 組件，或是根據(jù)需求跷睦，只按需引入用到的 element-ui 組件：
? 完整引入：操作簡(jiǎn)單，但是會(huì)額外引入一些用不到的組件肋演，導(dǎo)致項(xiàng)目體積過(guò)大
? 按需引入：操作相對(duì)復(fù)雜一些抑诸，但是只會(huì)引入用到的組件，能起到優(yōu)化項(xiàng)目體積的目的
4惋啃、完整引入
-
在 main.js 中寫(xiě)入以下內(nèi)容：
5哼鬓、按需引入
- 借助 babel-plugin-component，我們可以只引入需要的組件边灭，以達(dá)到減小項(xiàng)目體積的目的异希。
-
步驟1，安裝 babel-plugin-component：
-
步驟2绒瘦，修改根目錄下的 babel.config.js 配置文件称簿，新增 plugins 節(jié)點(diǎn)如下：
-
步驟3，如果你只希望引入部分組件惰帽，比如 Button憨降，那么需要在 main.js 中寫(xiě)入以下內(nèi)容：
-
在 src 目錄下新建 element-ui/index.js 模塊，并聲明如下的代碼：
