vue3 toRefs和reactive的区别

vue3中的toRefs和reactive都是用来实现响应式数据的。

区别如下：

1. toRefs用于将响应式对象的属性转化为普通的ref对象，这样可以让属性的访问和修改更加便捷。

2. reactive是将整个对象转化为响应式对象，可以监听整个对象的变化。

3. toRefs可以用在函数式组件中，将响应式数据传递给子组件。

4. reactive返回的是一个响应式对象，而toRefs返回的是一个包含所有属性的ref对象集合。

5. toRefs可以让使用者在访问响应式数据时更加方便，而reactive则更适用于整个对象的监听。

总的来说，toRefs和reactive都是用于实现响应式数据的，但是toRefs更注重对属性的访问和修改，而reactive则更注重对整个对象的监听。