使用vue的童鞋相信都知道vue中有很多ui組件，這里推薦使用element-ui組件(個(gè)人測(cè)試還算強(qiáng)大，起碼開(kāi)發(fā)商野心不小)，因?yàn)榇私M件可以集成到angular、react、vue任意一個(gè)框架中。 第一步：在項(xiàng)目中下載element-ui，切換到項(xiàng)目目錄文件下，使用

npm i element-ui --save 說(shuō)明：這里將element-ui下載到vue項(xiàng)目中，具體是在node_modules目錄下，有興趣的童鞋可以去找找看 復(fù)制代碼

第二步：將element-ui引入到項(xiàng)目中，具體步驟如下： -首先打開(kāi)main.js

import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI); Vue.config.productionTip = false 說(shuō)明： 1、這里借用官網(wǎng)的引入方式全局引入，當(dāng)然你也可以按需引入，這里不做說(shuō)明。 2、css文件一定要單獨(dú)引入。 3、最后一句Vue.use(ElementUI)一定不能丟掉，丟掉就無(wú)法使用了。 4、補(bǔ)充說(shuō)明：Vue.config.productionTip = false;這句表示阻止 vue 在啟動(dòng)時(shí)生成生產(chǎn)提示，可以省略不寫(xiě)。 復(fù)制代碼

總結(jié)說(shuō)明：到這里已經(jīng)將element-ui引入到vue中了，可以開(kāi)心的使用了。

官方文檔：element-cn.eleme.io/#/zh-CN

轉(zhuǎn)載于:https://juejin.im/post/5ae314096fb9a07a9d70124c

總結(jié)

以上是生活随笔為你收集整理的Vue第二章，在项目中使用element-ui组件的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。