vue中elementUI是什麼

vue中elementUI是基於vue實現的一套不依賴業務的UI元件庫，提供了豐富的PC端元件，減少使用者對常用元件的封裝，降低了開發的難易度。

本文操作環境：windows10系統、vue 2.9、thinkpad t480電腦。

【相關免費文章推薦：vue.js】

#1.vue簡介

## Vue 是一套用於建立使用者介面的漸進式JavaScript 框架，開發者只需要專注於視圖層， 它不僅易於上手，還便於與第三方程式庫或既有專案的整合。是基於MVVM（Model-View-ViewModel 即：視圖層-視圖模型層-模型層）設計想法。提供MVVM資料雙向綁定的函式庫，專注於UI層面。

2.Element-Ui簡介

    element 是基於 vue 實現的一套不依賴業務的 UI 元件庫，並提供了豐富的PC端元件，減少使用者常用組件的封裝，降低了開發的難易度。

3.vue與Element-Ui的關係

• #Element-Ui是基於vue封裝的元件庫，簡化了常用元件的封裝，提高了重用性原則；

• 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)

#相關免費學習推薦：javascript(影片)

以上是vue中elementUI是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！