小編給大家分享一下vue中elementUI有什么用,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
成都一家集口碑和實(shí)力的網(wǎng)站建設(shè)服務(wù)商,擁有專(zhuān)業(yè)的企業(yè)建站團(tuán)隊(duì)和靠譜的建站技術(shù),十年企業(yè)及個(gè)人網(wǎng)站建設(shè)經(jīng)驗(yàn) ,為成都上千多家客戶(hù)提供網(wǎng)頁(yè)設(shè)計(jì)制作,網(wǎng)站開(kāi)發(fā),企業(yè)網(wǎng)站制作建設(shè)等服務(wù),包括成都營(yíng)銷(xiāo)型網(wǎng)站建設(shè),品牌網(wǎng)站設(shè)計(jì),同時(shí)也為不同行業(yè)的客戶(hù)提供成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作的服務(wù),包括成都電商型網(wǎng)站制作建設(shè),裝修行業(yè)網(wǎng)站制作建設(shè),傳統(tǒng)機(jī)械行業(yè)網(wǎng)站建設(shè),傳統(tǒng)農(nóng)業(yè)行業(yè)網(wǎng)站制作建設(shè)。在成都做網(wǎng)站,選網(wǎng)站制作建設(shè)服務(wù)商就選創(chuàng)新互聯(lián)。
vue中elementUI是基于vue實(shí)現(xiàn)的一套不依賴(lài)業(yè)務(wù)的UI組件庫(kù),提供了豐富的PC端組件,減少用戶(hù)對(duì)常用組件的封裝,降低了開(kāi)發(fā)的難易程度。
1.vue簡(jiǎn)介
Vue 是一套用于構(gòu)建用戶(hù)界面的漸進(jìn)式 JavaScript 框架 ,開(kāi)發(fā)者只需要關(guān)注視圖層, 它不僅易于上手,還便于與第三方庫(kù)或既有項(xiàng)目的整合。是基于MVVM(Model-View-ViewModel 即:視圖層-視圖模型層-模型層)設(shè)計(jì)思想。提供MVVM數(shù)據(jù)雙向綁定的庫(kù),專(zhuān)注于UI層面。
2.Element-Ui簡(jiǎn)介
element 是基于 vue 實(shí)現(xiàn)的一套不依賴(lài)業(yè)務(wù)的 UI 組件庫(kù),提供了豐富的PC端組件,減少用戶(hù)對(duì)常用組件的封裝,降低了開(kāi)發(fā)的難易程度。
3.vue與Element-Ui的關(guān)系
1.Element-Ui是基于vue封裝的組件庫(kù),簡(jiǎn)化了常用組件的封裝,提高了重用性原則;
2. vue是一個(gè)漸進(jìn)式框架,Element-Ui是組件庫(kù);
4.vue+Element-Ui的使用
第一步:安裝vue-cli手腳架(注:前提是保證安裝了nodejs,可通過(guò)打開(kāi)cmd,輸入 node -v,檢查是否安裝,命令行顯示nodejs的版本,代表安裝成功)
第二步:nodejs安裝完成后使用命令安裝 vue 和vue-cli,命令如下:
cnpm install vuecnpm install vue-cli -g
注:-g 表示全局安裝
第三步:初始化webpack,命令如下:
vue init webpack 項(xiàng)目名
第四步:初始化時(shí)根據(jù)提示填寫(xiě),完成后即可安裝element-ui,然后在index.js中引入全局注冊(cè)即可,如下所示:
安裝element-ui
cnpm install element-ui --save index.js中引入全局注冊(cè) import ElementUi from 'elemet-ui'import '@/theme-et/index.css'Vue.use(ElementUi)
以上是“vue中elementUI有什么用”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!