?elementUI組件庫的網(wǎng)址：https://element.eleme.cn/#/zh-CN

elementUI是基于vue框架的PC端組件庫，具體操作查看官方文檔：https://element.eleme.cn/#/zh-CN/component/installation。

使用步驟

• 安裝：npm i element-ui （更好的 配合打包工具的使用）
• 也可以通過unpkg.com/element-ui?獲取到最新版本的資源，在頁面上引入 js 和 css 文件：

1. <!-- 引入樣式 --> <link >
2. <!-- 引入組件庫 --> <script src="https://unpkg.com/element-ui/lib/index.js"></script>

完整引入

引入：?注意不是所有的代碼直接復(fù)制過來，需要選擇一下。

使用：?復(fù)制代碼放到組件指定位置

修改：需要更改樣式可以查看文檔如下圖：

按需引入

按需引入存在的意義，是因為全部引入js文件的太大了。

首先需要安裝：npm install babel-plugin-component -D

然后修改一個東西，注意目前最新的文件已經(jīng)更改名字為babel.config.js了，不要直接復(fù)制，需要選擇一下放在正確的位置。

?接著按需引入，在main.js中寫入一下內(nèi)容，注意不要直接復(fù)制，需要選擇一下復(fù)制：