Vue 3 中 ref 和 reactive 在真实项目里到底怎么选?
用 Vue 3 写业务的时候,ref 和 reactive 几乎每天都会碰到。很多人刚上手时习惯用 reactive 包一个对象,觉得这样模板里不用写 .value 很省事;也有人从头到尾只用 ref,因为解构、传参、组合函数返回值都更统一。真正放到表单、列表、弹窗、分页这些场景里,两者的差异就会冒出来:reactive 解构后失去响应性、整体替换对象时视图不更新、ref 在模板里自动解包但在组合函数中要用 .value、watch 监听对象属性时需要小心深层监听。这篇文章从实际代码出发,把 ref 和 reactive 的底层机制、适用边界和常见坑讲清楚,重点放在如何根据数据形态和复用方式做...