您好,登錄后才能下訂單哦!
小編給大家分享一下vue中elementUI有什么用,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
vue中elementUI是基于vue實現的一套不依賴業務的UI組件庫,提供了豐富的PC端組件,減少用戶對常用組件的封裝,降低了開發的難易程度。
1.vue簡介
Vue 是一套用于構建用戶界面的漸進式 JavaScript 框架 ,開發者只需要關注視圖層, 它不僅易于上手,還便于與第三方庫或既有項目的整合。是基于MVVM(Model-View-ViewModel 即:視圖層-視圖模型層-模型層)設計思想。提供MVVM數據雙向綁定的庫,專注于UI層面。
2.Element-Ui簡介
element 是基于 vue 實現的一套不依賴業務的 UI 組件庫,提供了豐富的PC端組件,減少用戶對常用組件的封裝,降低了開發的難易程度。
3.vue與Element-Ui的關系
1.Element-Ui是基于vue封裝的組件庫,簡化了常用組件的封裝,提高了重用性原則;
2. vue是一個漸進式框架,Element-Ui是組件庫;
4.vue+Element-Ui的使用
第一步:安裝vue-cli手腳架(注:前提是保證安裝了nodejs,可通過打開cmd,輸入 node -v,檢查是否安裝,命令行顯示nodejs的版本,代表安裝成功)
第二步:nodejs安裝完成后使用命令安裝 vue 和vue-cli,命令如下:
cnpm install vuecnpm install vue-cli -g
注:-g 表示全局安裝
第三步:初始化webpack,命令如下:
vue init webpack 項目名
第四步:初始化時根據提示填寫,完成后即可安裝element-ui,然后在index.js中引入全局注冊即可,如下所示:
安裝element-ui
cnpm install element-ui --save index.js中引入全局注冊 import ElementUi from 'elemet-ui'import '@/theme-et/index.css'Vue.use(ElementUi)
以上是“vue中elementUI有什么用”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。