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 import
,n
,zh-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設計 餓了麼大前端開發的一...