Vue 作為國內最普及的前端框架，是面試中考察概率最高的技術之一。本文將系統梳理 Vue 的核心知識點，包括 Vue3 與 Vue2 的區別、組件通信、生命周期、性能優化等關鍵內容。

?? Vue3 和 Vue2 的主要區別

Vue 3 提供了更現代化、更高性能的架構，通過 Composition API 和 Proxy 響應式系統等改進提升了開發體驗。

性能優化

• 虛擬 DOM 重構：采用更高效的 Diff 算法，減少渲染和更新的開銷
• Tree-shaking 支持：模塊化代碼結構，支持按需引入，減小打包體積

Composition API

• 使代碼更模塊化、復用性更強
• 使用 setup() 方法代替部分選項式 API，通過函數方式組織邏輯

響應式系統改進

• 使用 Proxy 實現響應式，解決了 Vue2 中 Object.defineProperty 的局限性（如無法監聽新增屬性和數組索引變化）

新特性和改進

• Teleport：將組件 DOM 渲染到指定節點之外
• Fragment 支持：組件可返回多個根節點
• 原生支持 TypeScript，提供更完善的類型推導
• 支持為組件綁定多個 v-model，并可自定義 prop 和 event 名稱

?? Vue 組件通信方式

父子組件通信

1. Props：父組件通過 props 向子組件傳遞數據
2. emit：子組件通過`$emi