VUE生態常用的UI元件庫02

2021-10-25 19:17:28 字數 1672 閱讀 3716

2.element ui

1)mint ui(屬於element ui)

**,餓了麼開源的基於vue的移動端ui元件庫。

2)ant design vue

**。github是乙隻貓貓。維護很頻繁,推薦中後台。

案例:安裝/component/installation,按照**提示,輸入命令(在終端開啟):npm i element-ui -s或者npm install element-ui -s。(其他的方式還有cdn, 使用 vue-cli@3,新版的 vue-cli 準備了相應的 element 外掛程式,你可以用它們快速地搭建乙個基於 element 的專案。)

安裝結束後:當前終端輸入命令:vue add element,就是專案資料夾下面。

因為github**打不開,ε=(´ο`*)))唉!只放乙個**出來吧!,這個是說明。

之後:(按照個人需求選擇配置)–>fully importnzh-cn

執行命令:vue ui,可以開啟gui介面,在埠為:8000的**上。http://localhost:8000/project/select(不知道為什麼會出來這個東西??)。

下面是不用專案管理器,進行練習的案例。

比如:/component/date-picker尋找**進行例項練習。(下面的**都是現成的,如果想要繼續學習,只要看著**上的說明即可!)

="block"

>

="demonstration"

>預設<

/span>

v-model=

"value1"

type=

"date"

placeholder=

"選擇日期"

>

<

/el-date-picker>

<

/div>

="block"

>

="demonstration"

>帶快捷選項<

/span>

v-model=

"value2"

align=

"right"

type=

"date"

placeholder=

"選擇日期"

:picker-options=

"pickeroptions"

>

<

/el-date-picker>

<

/div>

<

/template>

export

default

, shortcuts:[}

,},}

]}, value1:'',

value2:'',

};}}

;<

/script>

vue 常用ui元件庫

vux github ui demo 專案主頁 demo iview 配套的工作流 官網 官網 中文文件 github 中文文件 github 社群 官網 github 中文文件 topic 57792770eb60516a48db5485 element 是由餓了麼ued設計 餓了麼大前端開發的一...

vue常用 UI元件庫

至 基於vue的quasar framework 中文網 quasarframework quasar quasar framework 當使用quasar時,你不需要像hammerjs,momentjs或bootstrap這樣的額外重型庫。它擁有這些功能,而且體積很小!3 element ui元件...

vue 常用ui元件庫

vux github ui demo 專案主頁 demo iview 配套的工作流 官網 官網 中文文件 github 中文文件 github 社群 官網 github 中文文件 topic 57792770eb60516a48db5485 element 是由餓了麼ued設計 餓了麼大前端開發的一...