一.vue3新特性:
1.數據響應重新實現(ES6的proxy代替Es5的Object.defineProperty)
2.源碼使用ts重寫,更好的類型推導
3.虛擬DOM新算法(更快,更小)
4.提供了composition api,為更好的邏輯復用與代碼組織
5.自定義渲染器(app、小程序、游戲開發)
6.Fragment,模板可以有多個根元素
二.vue2 vue3響應原理對比
1.vue2使用Object.defineProperty方法實現響應式數據
2.缺點:
無法檢測到對象屬性的動態添加和刪除
無法檢測到數組的下標和length屬性的變更
3.解決方案:
vue2提供Vue.$set動態給對象添加屬性
Vue.$delete動態刪除對象屬性
重寫數組的方法,檢測數組變更
------------------------------------------------------------------------------------
1.vue3使用proxy實現響應式數據
2.優點:
可以檢測到代理對象屬性的動態新增和刪除
可以見到測數組的下標和length屬性的變化
3.缺點:
es6的proxy不支持低版本瀏覽器 IE11
回針對IE11出一個特殊版本進行支持