用途:该技能面向 Vue 3 响应式系统,帮助开发者掌握基于 Proxy 的响应式机制,构建响应式、高性能应用,并管理复杂状态。
主要能力:涵盖 ref(响应式基本类型与对象)、shallowRef、customRef、reactive(深层响应式对象)、shallowReactive、响应式数组与集合(Map、Set、WeakMap、WeakSet)、readonly、toRef/toRefs、unref/isRef、computed(含可写与调试)、watch(单/多源、深层、停止)、watchEffect(自动依赖追踪、清理、时机)、effectScope 等。
使用方式:通过 import 从 vue 引入相应 API;ref 用 .value 访问,reactive 直接访问属性;computed 用于派生状态并带缓存;watch 处理副作用,watchEffect 自动追踪依赖;用 toRefs 保留解构后的响应性,用 readonly 防止修改。
适用场景:复杂状态管理、细粒度响应式控制、computed 性能优化、高级侦听与副作用模式、调试响应式问题、编写响应式组合式函数、大型复杂数据流应用。
限制与注意:解构 reactive 会丢失响应性;ref 需 .value;替换 reactive 对象会破坏响应性;深层侦听大对象有性能开销;未清理侦听器会内存泄漏;props 只读;模板中 ref 自动解包但 JS 表达式中需 .value。资料未提供安装命令、收费或平台信息。