古风,完美世界辰东

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案

vue中elementUI有什么用

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

成都一家集口碑和實(shí)力的網(wǎng)站建設(shè)服務(wù)商，擁有專業(yè)的企業(yè)建站團(tuán)隊(duì)和靠譜的建站技術(shù)，十年企業(yè)及個(gè)人網(wǎng)站建設(shè)經(jīng)驗(yàn) ,為成都上千多家客戶提供網(wǎng)頁設(shè)計(jì)制作,網(wǎng)站開發(fā),企業(yè)網(wǎng)站制作建設(shè)等服務(wù),包括成都營銷型網(wǎng)站建設(shè)，品牌網(wǎng)站設(shè)計(jì)，同時(shí)也為不同行業(yè)的客戶提供成都網(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)的一套不依賴業(yè)務(wù)的UI組件庫，提供了豐富的PC端組件，減少用戶對常用組件的封裝，降低了開發(fā)的難易程度。

1.vue簡介

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

2.Element-Ui簡介

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

3.vue與Element-Ui的關(guān)系

1.Element-Ui是基于vue封裝的組件庫，簡化了常用組件的封裝，提高了重用性原則；

2. vue是一個(gè)漸進(jìn)式框架，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 項(xiàng)目名

第四步：初始化時(shí)根據(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)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

新聞名稱：vue中elementUI有什么用
路徑分享：http://fisionsoft.com.cn/article/pgiogd.html

新聞中心

其他資訊