Vue3 的 Ref 和 Reactive 有什么区别？各自的适用场景是什么？

回答思路

1. 说明 Ref 用于基本类型和对象，Reactive 仅用于对象
2. 解释 Ref 在模板中自动解包，Reactive 不会
3. 讨论两者在访问方式、类型推导和嵌套对象处理上的差异
4. 结合场景说明何时优先用 Ref 或 Reactive