必須通讀的文檔
擴展功能
通過 @vue/composition
這個庫,它已經以插件的形式在 2.x 中生效了,這一套 API 將內建在 Vue 3.0 中,它將與現有的 2.x 選項同時可用。
一篇比較react hooks和vue composition API的文章:
對比 React Hooks 和 Vue Composition API
參考資料
快速上手企業級中后臺實例
使用Antd vue構建的Pro案例:Github: ant-design-vue-pro
首先安裝vue cli
yarn global add @vue/cli
然后下載代碼庫
git clone --depth=1 https://github.com/vueComponent/ant-design-vue-pro.git vue-pro-starter
cd vue-pro-starter
啟動
yarn serve
這時候就可以用瀏覽器訪問如下地址
http://localhost:8000/
寫給React開發者
vue更偏向傳統html/js開發模式;react更希望有優雅的開發感受
vue傾向于官方力量發展,可用的基本都是官方發布的插件;react借助社區的力量發展,尤其是國內大廠貢獻了非常好的組件(dva、umijs等)
Template
vsjsx
,受限于傳統DOM,vue中各種PascalCase、camelCase和kebab-case的變化容易讓人感覺混淆,directive的使用也會比較費勁,但如果開發者擁有足夠的想象力,的確能夠大大降低了代碼的復雜度;react的render函數相對來說要優雅得多,但是比較拘謹,解決方案中規中矩屬性,vue中的屬性分為data、props、computed和state,分別有各自相對獨立的定義方法和調用方式,可用于不同的應用場景,同樣對于開發者來說,入手容易,進階則比較困難;react的屬性包括props和state,其中props又可包含了上級組件導入的props和由state映射后inject的props,但要實現類似compted的功能,需要用到最新的hooks方案
方法,vue中的方法包括watch、methods;react中對應watch的就是hooks方案,methods則不需要明確指定
slot
vschildren
,從功能上來看,這兩者是類似的,vue的slot更靈活,react的children更簡潔composition api
vshooks
,兩者的目標都是將代碼從關注組織結構轉換為關注業務邏輯,并提供和this
對象的解耦,從而能夠更高效地進行組件的抽象和復用,但目前vue還不建議在生產環境下使用新特性
總的來看,vue屬于入手簡單,但進階困難的框架,大量的概念和底層API的暴露使得最佳實踐非常困難,很容易就進入了各自為戰的混亂編碼階段,因此對于開發人員的要求反而更高,但與此同時,一個高水平的vue開發人員則能夠開發出非常好的代碼,這也是vue的魅力所在;react更中規中矩一些,大量的社區輔助工具的出現使得開發規范變得更加標準化,提高下限的同時也限制了上限,使用react入手需要學習的內容多一些,但最終其實需要了解的東西并不比vue多。
本來想舉一些例子,但是想想還是算了,掛一漏萬,還是不要多此一舉了。