Vue3 基础知识速览

一、Vue3 核心变化

1. 响应式升级

以 Proxy 为核心，解决 Vue2 对新增属性追踪弱的问题。

2. 组合式 API

setup + 组合函数让逻辑按功能聚合，不再被 options 切碎。

3. 工程收益

更好支持 TypeScript，Tree Shaking 更友好。

二、setup 高频点

1. 基本规则

组件中的状态、方法、生命周期入口可集中在 setup。

2. 响应式工具

ref 处理基本类型；reactive 处理对象结构。

3. 生命周期映射

mounted 对应 onMounted，其余生命周期同理迁移。

三、迁移关注点

1. emits 声明

事件建议显式声明，提升可维护性和类型推断。

2. 自定义 Hook

将可复用逻辑抽为 useXxx，把副作用封装在内部。

3. 性能心智

减少不必要响应式层级和深层 watch。

30 秒口述模板

我会把「vue3」分成三层来讲：先讲核心概念和它解决的问题，再讲一个高频场景与实现思路，最后补充常见坑点和优化方向。这样既能回答基础问题，也能接住面试官追问。

2 分钟口述模板

如果展开讲，我会按“定义 -> 原理 -> 场景 -> 取舍”四步回答。先说明「vue3」解决的核心问题和边界；再讲 1 到 2 个关键机制，解释为什么这样设计；然后结合一个真实业务场景说明如何落地；最后补充常见坑点、性能或稳定性优化，以及与相近方案的取舍标准。

这样回答的好处是：既有原理深度，也有工程落地感，面试官继续追问到实现细节时也能自然展开。