以前我们对Props直接进行解构赋值是会失去响应式的，需要配合使用toRefs或者toRef解构才会有响应式，那么就多了toRefs或者toRef这工序，而最新Vue3.5版本已经不需要了。

了解一下 toRef() 的使用：

1.可以将值、refs 或 getters 规范化为 refs (3.3+)。2.也可以基于响应式对象上的一个属性，创建一个对应的 ref。这样创建的 ref 与其源属性保持同步：改变源属性的值将更新 ref 的值，反之亦然。

toRef() 这个函数在你想把一个 prop 的 ref 传递给一个组合式函数时会很有用：

响应式 Props 解构 (3.5+)

Vue 的响应系统基于属性访问跟踪状态的使用情况。例如，在计算属性或侦听器中访问 props.foo 时，foo 属性将被跟踪为依赖项。

因此，在以下代码的情况下：

const { foo } = defineProps(['foo'])
watchEffect(() => {  // 在 3.5 之前只运行一次  // 在 3.5+ 中在 "foo" prop 变化时重新执行  console.log(foo)})

在 3.4 及以下版本，foo 是一个实际的常量，永远不会改变。在 3.5 及以上版本，当在同一个