VUE2與VUE3的區別（diff VUE2 and VUE3）

          

diff VUE2 and VUE3

VUE2

Object.defineProperty()，重寫對象的key

1. 對數組能進行監聽，但刪除、插入、排序等頻繁操的大量的讀寫操做，會帶來性能問題
2. 真正的問題是，不能對初始化時沒有設置的鍵值作監聽。因此要提供Vue.set等API
3. 須要一開始初始化就遞歸遍歷，循環監聽，也是性能瓶頸之一

VUE3

使用proxy攔截讀寫操做，採用懶代理解決深度嵌套問題，只須要遍歷第一層的屬性

VUE3支持碎片（Fragments）,組件支持多個根節點。不須要在組件內使用一個總的div來包裹着。

創建數據須要使用reactive，與方法/生命週期鉤子，寫在setup方法，更加簡潔和容易控制

VUE3的設計模式給予開發者按需引入依賴包，避免多餘引用致使性能問題或者打包後太大的問題，這也是VUE3一直存在的問題

computed也須要從vue引入

this在VUE2和VUE3的含義不一樣，前者是組件自身，能拿到props，後者拿props只能在setup函數的第一個參數裏

Vite

vite 是一個基於 Vue3 單文件組件的非打包開發服務器，它作到了本地快速開發啓動：

1. 快速的冷啓動，不須要等待打包操做；
2. 即時的熱模塊更新，替換性能和模塊數量的解耦讓更新飛起；
3. 真正的按需編譯，再也不等待整個應用編譯完成，這是一個巨大的改變