必須通讀的文檔
擴展功能
通過 @vue/composition
這個庫,它已經(jīng)以插件的形式在 2.x 中生效了爷辙,這一套 API 將內(nèi)建在 Vue 3.0 中庐冯,它將與現(xiàn)有的 2.x 選項同時可用单寂。
一篇比較react hooks和vue composition API的文章:
對比 React Hooks 和 Vue Composition API
參考資料
快速上手企業(yè)級中后臺實例
使用Antd vue構(gòu)建的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開發(fā)者
vue更偏向傳統(tǒng)html/js開發(fā)模式纷妆;react更希望有優(yōu)雅的開發(fā)感受
vue傾向于官方力量發(fā)展腌闯,可用的基本都是官方發(fā)布的插件煌寇;react借助社區(qū)的力量發(fā)展楚堤,尤其是國內(nèi)大廠貢獻了非常好的組件(dva、umijs等)
Template
vsjsx
塔粒,受限于傳統(tǒng)DOM结借,vue中各種PascalCase、camelCase和kebab-case的變化容易讓人感覺混淆卒茬,directive的使用也會比較費勁船老,但如果開發(fā)者擁有足夠的想象力,的確能夠大大降低了代碼的復(fù)雜度圃酵;react的render函數(shù)相對來說要優(yōu)雅得多柳畔,但是比較拘謹,解決方案中規(guī)中矩屬性辜昵,vue中的屬性分為data荸镊、props、computed和state堪置,分別有各自相對獨立的定義方法和調(diào)用方式躬存,可用于不同的應(yīng)用場景,同樣對于開發(fā)者來說舀锨,入手容易岭洲,進階則比較困難;react的屬性包括props和state坎匿,其中props又可包含了上級組件導(dǎo)入的props和由state映射后inject的props盾剩,但要實現(xiàn)類似compted的功能,需要用到最新的hooks方案
方法替蔬,vue中的方法包括watch告私、methods;react中對應(yīng)watch的就是hooks方案承桥,methods則不需要明確指定
slot
vschildren
驻粟,從功能上來看,這兩者是類似的凶异,vue的slot更靈活蜀撑,react的children更簡潔composition api
vshooks
,兩者的目標都是將代碼從關(guān)注組織結(jié)構(gòu)轉(zhuǎn)換為關(guān)注業(yè)務(wù)邏輯剩彬,并提供和this
對象的解耦酷麦,從而能夠更高效地進行組件的抽象和復(fù)用,但目前vue還不建議在生產(chǎn)環(huán)境下使用新特性
總的來看喉恋,vue屬于入手簡單沃饶,但進階困難的框架,大量的概念和底層API的暴露使得最佳實踐非常困難轻黑,很容易就進入了各自為戰(zhàn)的混亂編碼階段糊肤,因此對于開發(fā)人員的要求反而更高,但與此同時苔悦,一個高水平的vue開發(fā)人員則能夠開發(fā)出非常好的代碼轩褐,這也是vue的魅力所在;react更中規(guī)中矩一些玖详,大量的社區(qū)輔助工具的出現(xiàn)使得開發(fā)規(guī)范變得更加標準化把介,提高下限的同時也限制了上限,使用react入手需要學習的內(nèi)容多一些蟋座,但最終其實需要了解的東西并不比vue多拗踢。
本來想舉一些例子,但是想想還是算了向臀,掛一漏萬巢墅,還是不要多此一舉了。