而vue是聲明式的寫法，通過傳入各種options，api和參數(shù)都很多所以react結(jié)合typescript更容易一起寫，vue稍微復雜react可以通過高階組件Higher Order ComponentsHOC來擴展，而vue需要通過mixins來擴展 一個react高階組件。

在組件開發(fā)中都支持mixins的特性不同點React依賴Virtual DOM，而Vuejs使用的是DOM模板React采用的Virtual DOM會對渲染出來的結(jié)果做臟檢查Vuejs在模板中提供了指令，過濾器等，可以非常方便，快捷地操作DOMvue的應。

1Mixins編程是一種開發(fā)模式，是一種將多個類中的功能單元的進行組合的利用的方式，類的繼承機制就可以實現(xiàn)2類的繼承有所不同，不作為任何類的基類，也不與什么類一起使用，而是在運行時動態(tài)的同其他零散的類一起。

1Vue上手更簡單，特別是從dom和jquery時代過來的程序員，或者習慣模板語言的后端開發(fā)，更容易接受Vue2Vue從設計上講，跟趨向于簡化使用，就是說Vue從骨子里面就是想用起來簡單，但React更多的是為大型工程考慮3R。

另外文檔， 例子做的都很漂亮 上手比較快， 這些都是很好的優(yōu)點如果能有一些更全面的文檔， 不僅顯示小的例子， 還能介紹一下如何在大型的應用程序使用比如angularjs ember這樣框架開發(fā)的中使用vue就更好了。

在元件開發(fā)中都支援mixins的特性 不同點 React依賴Virtual DOM，而Vuejs使用的是DOM模板React采用的Virtual DOM會對渲染出來的結(jié)果做臟檢查 Vuejs在模板中提供了指令，過濾器等，可以非常方便，快捷地操作DOM 我知道vue20和an。

vue 默認情況下，父組件是可以直接給子組件的根元素添加 class 和 style 的，但是有時候我們可能需要在父組件上給子組件添加一些特性綁定 attribute bindings 我的理解是自定義屬性和一些原生屬性到子組件的根元素上。

1混入 mixins 是一種分發(fā) Vue 組件中可復用功能的非常靈活的方式混入對象可以包含任意組件選項當組件使用混入對象時，所有混入對象的選項將被混入該組件本身的選項mixins文件夾下可以寫各種調(diào)用ajax請求方法的方法。

Vue響應式原理核心是 數(shù)據(jù)劫持，采用 ES5 的 objectdefineproperty 的 getter 和 setter 方法從一個例子出發(fā)首先，在Vue初始化階段，通過 observer 對 data 中的屬性進行遞歸的劫持，包括 namejob_ undergoab等。

js只支持單繼承， 因為一個對象只有一個原型，如果想實現(xiàn)多繼承，就的把需要把父對象的屬性拷貝到子對象上，這就是mixin在 Ruby 中， include 關(guān)鍵詞即是 mixin，是將一個模塊混入到一個另一個模塊中，或是一個 類中。

當一個vue實例加載時，會進行初始化，將他的配置項options和mixins的內(nèi)容合并，以options為主，而在初始化data時，會對data對象進行數(shù)據(jù)劫持，并做代理，通過Objectdefinproperty劫持數(shù)據(jù)后vue會查找當前屬性有無依賴項既被。

3Vue Vue作為最后推出的框架2014年，借鑒了前輩angular和react的特點如VirtualDOM雙向數(shù)據(jù)綁定diff算法響應式屬性組件化開發(fā)等并做了相關(guān)優(yōu)化，使其使用起來更加方便，更容易上手，比較少適合初學者。

hooks只能在函數(shù)組件中使用 2 Hooks解決了什么問題 Hooks的出現(xiàn)解決了倆個問題 1 組件的狀態(tài)邏輯復用 2class組件自身的問題 組件的邏輯復用 在hooks出現(xiàn)之前，react先后嘗試了 mixins混入，HOC高階組件，renderprops等。

將 getSemester 方法定義為全局方法或Vue實例方法，這樣就可以在任何Vue組件中使用在Vue中，可以使用Vuemixin或Vueprototype擴展全局方法或?qū)嵗椒ㄊ褂肰uemixin擴展全局方法 在mainjs中定義 Vuemixin methods。

數(shù)據(jù)量太大的話會卡頓 擴展性 react 1 類式寫法api少，更容易結(jié)合ts 2 可以通過高階組件來擴展 vue 1 聲明式寫法，結(jié)合ts比較復雜 2 需要通過mixin方式來擴展 vuerouter提供了導航鉤子全局前置。

如果不作處理，那么會導致如果更新視圖的話，則會觸發(fā)兩次，這肯定是不允許的，因此，我們需要將區(qū)分新增和修改這兩種操作Vue3 中是通過判斷 target 是否存在該屬性來區(qū)分是新增還是修改操作，需要借助一個工具方法。

查找組件 在當前應用中查找指令， 只能在 render 或 setup 函數(shù)中使用將回調(diào)推遲到下一個 DOM 更新周期之后執(zhí)行在更改了一些數(shù)據(jù)以等待 DOM 更新后立即使用它vue2x的生命周期 vue3的生命周期 與 2x 版本生命。