a framework on the basis of Vuejs 2.x

前言

筆者在接觸VueJs後, 偶有衝動想練習vueJs在實作上的應用, 以便將所得到的經驗用在工作上時, 總會找個新的UI組件庫來玩玩

有人說學framework是浪費時間, 因為前端變化太快, 學的廣不如學得深, 但我的看法是, 每天吃飯,怎麼會知道麵或水餃的好？ 就算是廚師, 也該略懂略懂吃, 才會知道一道好的菜要怎麼煮（一個好的componet要怎麼寫）這就是為什麼我會去接觸framework(Vuejs)中的framework(Quasar)的原因

why Quasar ?

首先可以參考這篇VueJS社區討論 Best GUI framework for VueJS? I guess that would be Quasar

來比較一下基於Vue 2.x各大家framework星星數

• Quasar
  / stars : 4337

  本次主角

• vux
  / stars : 10438

  mobile, 微信風格

• SUI-mobile
  / stars : 5260

  mobile, 阿里巴巴開發

• iview
  / stars : 11464

  中國開發

• framework7
  / stars : 11339

  ios風格

• element
  / stars : 20801

  UI for PC, 中國開發

• Mint UI
  / stars : 8773

  ios style, 和 element 同一間公司開發的
  PS. mint UI 有雷慎用

• bootstrapVue
  / stars : 3018

  bootstrap 4

• vue-material
  / stars : 4950

  material風格

• WEEX
  / stars : 6470

  應該沒有人不知道這個吧？

筆者個人心得：

實際用過Quasar之後, 筆者認為最大的優勢在於 功能組件非常非常豐富完善, 幾乎是你想要什麼就有什麼, 因為以前覺得越輕量, 倚賴性越低, 只想要純UI就好, 但後來發現組件豐富是好事, 舉個例子, 假如我少了一個chip(標籤)組件, 沒有就只能自己生, 那麼你就得自己畫,畫完研究父層組件是否有slot給你放, 放了之後研究父層,兄弟層組件排版如何相容, 完成之後發現根本和整體風格不符, 顯得很突兀...實在是非常累人的一件事！！

還有就是他擁有自己的一套quasar cli, 裡面相關依賴包都幫你裝好了, 並且裡面各檔案的註解寫到讓我覺得很溫暖的那種～

最後是維護團隊的維護熱度非常重要, 一款被維護團隊放生的框架, 肯定是絕對活不久的（望向T3.js ...

重點介紹

1. 一套代碼完成 RWD website, PWA, App

2. 隨時切換兩種風格, Material & ios

3. 火力展示 Material theme , iOS theme

4. Quasar Apps 讓你在開發mobile時擁有熱更新, iOS？

5. 爆量組件

   (Drawer, Action Sheet, Dialog, Modal, Toast, Tabs, Toolbar, Card, Lists, Toggle, Chips Textbox, Datetime, Range, Rating, Knob, Collapsibles, Popovers, Pull to Refresh, Infinite Scroll, Parallax, Grid, Slider, Stepper, Tree, Chat, Timeline...)

6. Wide Platform Support

   iOS, Android, Windows Phone, Blackberry, Google Chrome, Firefox, IE11/Edge, Safari, Opera.

7. quasar cli