>[danger]Vue2和Vue3區別，對數組如何處理，如果直接object.defineproperty劫持數組會發生什么情況 [Vue3相對于Vue2進行了哪些優化？](http://www.hmoore.net/hanxuming/interview/3136672) 1. **更靈活的響應式系統**：Vue 2.x 中響應式系統的核心是**Object.defineProperty**，劫持整個對象，然后進行深度遍歷所有屬性，給每個屬性添加`getter`和`setter`，實現響應式。Vue 3.x 中使用**Proxy**對象重寫響應式系統。 2. **更快的渲染速度**：Vue3 的編譯器生成的渲染函數比 Vue2 生成的更高效。 3. **編譯階段**：Vue 2.x 通過標記靜態節點，優化 diff 的過程。Vue 3.x中**標記和提升**所有的靜態節點，diff的時候**只需要對比動態節點**內容。 4. **更小的體積**：Vue3 將源碼拆分為多個獨立的模塊，這樣就可以按需導入所需的模塊，從而減小了整個庫的體積。 5. **更好的 TypeScript 支持**：Vue3 對 TypeScript 的支持更加友好，內部使用了更先進的 TypeScript 特性，并為其提供了更好的聲明文件。 6. **更好的組件系統**：比如，Vue3中引入了一個新的`Fragment`組件，它可以替代原來的`template`標簽作為根節點 7. **新增了setup組合式API** >對于數組的處理，Vue2和Vue3的響應式系統都支持對數組的監聽，但是它們的實現方式略有不同。 在Vue2中，為了監聽數組的變化，需要通過Object.defineProperty來對數組進行劫持，即重寫數組的一些方法（如push、pop、splice等），以便在數組發生變化時通知依賴更新。而在Vue3中，由于使用了Proxy，可以直接監聽數組的方法，無需對其進行重寫。 >如果直接使用Object.defineProperty對數組進行劫持會發生什么情況呢？ 具體而言，當我們使用Object.defineProperty對數組進行劫持時，重寫了數組的一些方法，但是如果在代碼執行過程中直接調用了原生的數組方法，就會導致響應式失效。例如，我們為了監聽數組的變化，重寫了數組的push方法，在代碼執行過程中如果使用了數組的concat方法，就無法觸發更新。另外，當數組長度很大時，重寫數組方法也會影響性能，導致頁面卡頓。因此，Vue3使用Proxy替代了Object.defineProperty來實現對數組的監聽，使得在處理數組時更加方便和高效。