Vue 3 在面试中最常被考察的考点集合

Vue3 跨组件通信四大主流方案实测！mitt、tiny-emitter、provide+inject+Symbol 各有优劣，从体积、易用性、性能拆解，新手不踩坑，老手提效，一文选对方案。

Vue3 中 props 穿透（attrs）最易踩坑变化：$attrs 不再过滤 class 和 style，直接透传至子组件根元素，彻底改变 Vue2 原有逻辑，新手必看避坑指南！

Vue3 编译优化系列，聚焦 Proxy 带来的核心编译时优化——无需再进行大量字符串解析，拆解其与 Vue2 Object.defineProperty 的本质差异，详解编译时解析、依赖追踪的优化逻

承接 Vue3 编译优化系列，详解 Tree-shaking 在 Vue3 中的具体体现，分类梳理可被摇树的 API（核心、组件、指令等），拆解其底层实现逻辑与生效条件，助你优化项目体积、提升加载性能

本文承接静态提升、PatchFlag 优化逻辑，详解 Vue3 Block Tree 构建机制与模板根节点优化方案，拆解 Fragment 根节点的优势、使用场景，揭秘三者协同实现精准渲染的底层逻辑。

本文聚焦 Vue3 虚拟 DOM 优化核心 PatchFlag，详解 TEXT、CLASS、STYLE 等 8 大类标识的含义与适用场景，结合编译产物对比，拆解其与静态提升的协同逻辑，掌握精准比对

本文深入剖析Vue3核心优化特性——静态提升（hoistStatic），拆解其对静态节点、静态属性、静态树的处理逻辑，对比优化前后的渲染差异，结合实战案例说明生效场景与避坑点，掌握底层优化思路。

本文拆解Vue3 v-model核心变更，详解多v-model绑定、自定义修饰符、.camel修饰符三大新写法，搭配可复用实战案例，对比Vue2差异与避坑点，助你快速掌握灵活高效的双向绑定技巧。

2. 从简单语法到完整配置，从基础使用到Suspense结合实战，一文吃透defineAsyncComponent。详解四大核心配置避坑点，手把手教你用异步组件提升前端项目性能。

Vue 3 的 <Suspense> 组件，用于优雅管理异步组件和异步数据的加载状态。通过默认插槽和回退插槽自动切换加载界面，简化异步逻辑处理，提升用户体验。

解决v-for循环ref共享冲突问题，详解函数Ref原理、用法及边界处理，附DOM操作与组件调用实战案例，Vue开发者必看。

拆解两大 API 优劣势，明确选型边界，附组合式函数命名、类型声明及实操技巧，帮 Vue 开发者规避踩坑，提升代码复用与维护效率。

在Vue3组合式API中，ref是创建基本类型响应式数据的核心API，而.value作为其标志性语法，既是访问/修改数据的入口，也是触发响应式更新的关键。

Vue3 宏编译的限制与解决方案：深入理解与实践突破 在 Vue3 <script setup> 语法体系中，宏（Macro）是核心特性之一。诸如 defineProps、defineEmits

Vue3 中 computed、watch 与 watchEffect 的使用边界与实战指南 在 Vue3 的响应式系统中，computed、watch 和 watchEffect 是处理响应式数据

组合式API下 Teleport + Suspense + KeepAlive 实战写法与最佳实践 在Vue3组合式API的生态中，Teleport、Suspense与KeepAlive是三个极具实用

Vue的响应式系统是其核心特性之一，从Vue2到Vue3，响应式的实现方案从Object.defineProperty演进为Proxy。

深入浅出 Vue3 defineModel：极简实现组件双向绑定 在 Vue3 从 Options API 向 Composition API 演进的过程中，组件双向绑定的实现方式也经历了迭代优化。

响应式系统是Vue框架的核心基石，它实现了“数据驱动视图”的核心思想——当数据发生变化时，依赖该数据的视图会自动更新，无需手动操作DOM。

Vue3六大API：ref/reactive基础深响应，shallow系列浅响应优化性能，readonly系列数据保护。按数据类型、响应深度、修改权限精准选型，避免响应失效和性能浪费。