贊助商連結

Vue components 懶人包

by 瘋人院院長

收集一些 Vue components 的懶人包

Vue UI Framework

網址:https://github.com/vuejs/ui
Demo:https://vuejs.github.io/ui/#/

官方的 UI components,看來還是偏向宣導階段,元件數量少,文件說明也不足,也沒那麼漂亮

vue-beauty

網址:https://github.com/FE-Driver/vue-beauty
Demo:https://fe-driver.github.io/vue-beauty/#/components/button

Vuetify

網址:https://vuetifyjs.com/zh-Hans/
Demo:https://vuetifyjs.com/zh-Hans/getting-started/quick-start

Material Design 風格

Element

網址:http://element.eleme.io/#/zh-CN
Demo:http://element.eleme.io/#/zh-CN/component/installation

iView

網址:https://www.iviewui.com/
Demo:https://www.iviewui.com/docs/guide/install

Keen UI

網址:https://github.com/JosephusPaye/Keen-UI
Demo:https://josephuspaye.github.io/Keen-UI/#/ui-alert

Material Design 風格

Bootstrap-Vue

網址:https://bootstrap-vue.js.org/
Demo:https://bootstrap-vue.js.org/docs/components/alert

Bootstrap 4 風格,華麗程度下降不少

uiv

網址:https://github.com/wxsms/uiv
Demo:https://uiv.wxsm.space/getting-started

Bootstrap 3 風格,如果想整 Vue 進原本使用 Bootstrap 3 的專案,可以用這套,算是一種無縫接軌吧...


喜歡我們的文章可以按上面的 LIKE 給我們鼓勵喔!