當前位置:首頁 > IT技術(shù) > 其他 > 正文

vue系列---【vue項目如何使用element-ui?】
2022-08-30 00:00:38

1.安裝依賴包;

npm i element-ui -S

2.在vue項目中的main.js文件中,拷進去如下代碼;(注意:注釋中,//與文字之間要有一個空格)

// 導(dǎo)入組件庫
import ElementUI from 'element-ui'// 導(dǎo)入組件相關(guān)樣式
import 'element-ui/lib/theme-chalk/index.css'// 配置vue插件
Vue.use(ElementUI)

3.打開ElementUI官網(wǎng),找到要用的組件;

vue系列---【vue項目如何使用element-ui?】_官網(wǎng)

?


?4.把上面的組件代碼拷到vue頁面中;

vue系列---【vue項目如何使用element-ui?】_依賴包_02

?

?5.執(zhí)行:npm run serve 即可!

vue系列---【vue項目如何使用element-ui?】_css_03

?


?

本文摘自 :https://blog.51cto.com/u

開通會員,享受整站包年服務(wù)立即開通 >