请说明 Vue 3 中 ref 和 reactive 的区别以及各自的适用场景。

回答思路

1. 明确 ref 用于基本类型和对象，reactive 仅用于对象
2. 指出 ref 需要通过 .value 访问，reactive 自动解包
3. 说明 reactive 对解构和替换有限制，ref 更灵活
4. 结合场景说明何时优先使用 ref 或 reactive