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