请解释 Vue 中的响应式变量是什么，包括其基本定义和核心特征。

回答思路

1. 【回答框架 1】响应式变量是 Vue 中能够被追踪并在其值变化时自动触发视图更新的数据。Vue 通过依赖收集和派发更新机制实现响应式，当变量被读取时记录依赖，被修改时通知依赖更新。
2. 【回答框架 2】在 Vue 3 中，响应式变量通过 reactive 或 ref 创建，其中 ref 对基本类型和对象都适用，通过 .value 访问。Vue 2 则使用 Object.defineProperty 拦截属性读写，Vue 3 使用 Proxy 实现。
3. 【回答框架 3】响应式变量的核心特征包括：依赖追踪（记录谁使用了该变量）、变更检测（变量变化时通知订阅者）、自动更新（视图或计算属性自动重新执行）。
4. 【回答框架 4】理解响应式变量需区分浅响应式和深响应式，以及响应式变量与普通变量的区别：普通变量无法触发视图更新，而响应式变量能确保数据变化与 UI 同步。
5. 【关键点 1】响应式变量是 Vue 实现数据驱动视图更新的核心，通过依赖收集和派发更新机制工作。
6. 【关键点 2】Vue 3 使用 Proxy 实现响应式，ref 适用于基本类型和对象，reactive 仅适用于对象。
7. 【关键点 3】响应式变量的变化会自动触发相关联的视图或计算属性更新。
8. 【易错点 1】不要误认为所有变量都是响应式的，只有通过 ref 或 reactive 创建的变量才具有响应性。
9. 【易错点 2】使用 Vue 3 时，若解构 reactive 对象，会丢失响应性，需使用 toRefs 或 toRef。
10. 【易错点 3】响应式变量变化是异步更新的，DOM 更新需等待 nextTick，不能假设同步更新。