ref 和 reactive

在Vue 3中，ref和reactive是用于创建响应式数据的两种不同方式，它们有以下区别和适用场景：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=c8973c67c0d4486fb9b49ef343b162bb

💢💢💢ref：ref函数接收一个初始值，并返回一个包装了该值的响应式对象。它将基本类型的值（如数字、字符串）或对象进行内部包装，使其成为响应式数据。要访问ref对象中的值，需要使用.value语法。

💦💦💦适用场景：

对于单一值或基本类型的数据，使用ref更为简洁和直观。
在模板中使用时，不需要再使用.value访问，可以直接在模板中使用。

💢💢💢reactive：reactive函数接收一个普通对象，并返回一个包装了该对象的响应式代理对象。它会递归地将对象以及对象的所有属性包装成响应式数据。

💦💦💦适用场景：

对于需要操作多个属性的复杂对象或数据结构，使用reactive更为方便和灵活。
在函数中进行数据操作时，reactive的语法更符合常规对象的写法。