vue中elementUI有什么用

小編給大家分享一下vue中elementUI有什么用，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

vue中elementUI是基于vue實現(xiàn)的一套不依賴業(yè)務的UI組件庫，提供了豐富的PC端組件，減少用戶對常用組件的封裝，降低了開發(fā)的難易程度。

1.vue簡介

Vue 是一套用于構建用戶界面的漸進式 JavaScript 框架 ，開發(fā)者只需要關注視圖層， 它不僅易于上手，還便于與第三方庫或既有項目的整合。是基于MVVM（Model-View-ViewModel 即：視圖層-視圖模型層-模型層）設計思想。提供MVVM數(shù)據(jù)雙向綁定的庫，專注于UI層面。

2.Element-Ui簡介

element 是基于 vue 實現(xiàn)的一套不依賴業(yè)務的 UI 組件庫，提供了豐富的PC端組件，減少用戶對常用組件的封裝，降低了開發(fā)的難易程度。

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 項目名

第四步：初始化時根據(jù)提示填寫，完成后即可安裝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有什么用”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業(yè)資訊頻道！