vue3 中的 toRefs 是什么？ 什么时候用？

定义：

toRefs可以将对象（只能接收rective对象）中的属性变成响应式

正常reactive对象数据也是响应式的，如果用toRefs解构出去会更加方便

什么时候用？

数据量如果很多， 我们一般会用解构来简化代码， 那么在vue3 中如果使用对象的解构， 会让改对象失去响应式， 所有一般解构的时候 借助 toRefs 来解构 仍然带有响应式

解构后， 我们就不需要 用 对象.属性了， 而是可以直接使用属性，来简化

<h3>{{name}}</h3>

let obj = reactive({ name:'kebi' })

return {

...toRefs(obj)

}