Vue2用什麼UI 框架呢bootstrap 好像不好用了
01-11
Vue2用什麼UI 框架呢bootstrap 好像不好用了
Vue 應該跟 jQuery 對標,Bootstrap是基於 jQuery 的,把JS拿掉單純用框架感覺沒啥意義,畢竟已經可以用 flexbox 了,所以Vue的開發者一般都自己造輪子(組件)。
比較有追求的公司會把一些常用的組件打包成開源的組件庫,可以從網上找到。vuejs/awesome-vue 這個列表是 Vue 的各種好東西。
其中,有一個章節叫 vuejs/awesome-vue#Component Collections 就是各種輪子庫了(不是輪子哥也不是輪子教……)有國產也有進口,不過感覺國產的質量高些,中文文檔也讀起來順暢。
有桌面也有移動,甚至還有針對微信開發設計的微信UI。比如 airyland/vux (微信)ElemeFE/mint-ui (移動 by 餓了么)這裡還有一個把 bootstrap 4 移植到 Vue 的 https://bootstrap-vue.github.io/
當然,要想知道 Vue 最新最潮的組件庫,你就得關注一波 微博 - 尤雨溪 了!他經常會把他覺得有前景的組件庫在他微博上做推廣,一般都是做工精湛,UI 細緻的好東西!非要用bootstrap的話有對應的vue實現啊,不是基於jq的。
vuestrap elementui mintui vux 等等
如果大家對 bootstrap 3 有興趣的話,可以看看這個:wxsms/uiv
特點:
- 大部分的 Bootstrap3 JavaScript 組件
- 輕量
- 沒有額外依賴
- 沒有額外 CSS
- 目前版本所有內容 15.8KB Gzipped
- 支持組件獨立引入
- 支持 IE9 (含)以上以及所有現代瀏覽器
- 完全支持 SSR
- 支持 ES6 / CommonJS / AMD 以及瀏覽器直接引用
我目前就是 Vue + Bootstrap 沒覺得有什麼問題。
一般功能組件像dialog、menu之類的用element-ui就夠了,如果實在懷念bootstrap的布局方式,可以把它的css引進來
muse ui ;vux ;mintui ;element ui ;iview ;
看看這個:wdfe/wdui
推薦閱讀:
※如何評價移動端Vue組件庫 Vux?
※vuejs的.vue模板中img標籤的圖片如何載入?
※為什麼safari不能用Promise獲取數據?
※如何看待 Moon.js 幾乎和 Vue.js 一樣?