vue2和vue3比較


一.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出一個特殊版本進行支持


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM