import { computed, reactive, toRefs } from 'vue'; 其中toRefs是什么方法

`import { computed, reactive, toRefs } from 'vue';` 这段代码是在 Vue.js 开发环境中导入三个核心的响应式API，它们分别是：

1. `reactive`: 这是一个函数，用于创建一个响应式的属性或对象，当你改变这些属性的值时，Vue会自动更新视图。它通常用于初始化复杂的数据模型。

2. `computed`: 这也是一个函数，但它返回的是一个计算属性，当依赖的属性变化时，它会重新计算并返回新的值，而不是直接修改原始值。这非常适合于那些基于其他属性值而动态计算的结果。

3. `toRefs`: 这个方法则是将非响应式对象或数组转换为响应式的“引用”对象。这意味着你可以像操作普通的JavaScript对象那样操作它们，同时这些对象内部的变化会被Vue自动跟踪，并在视图上反映出来。这对于处理深层嵌套的对象特别有用。

举个例子，如果你有一个复杂的对象，`toRefs`可以帮助你在模板中方便地访问并监听它的每个属性变化：

const myObject = {
  name: 'John',
  age: 30,
  nested: {
    city: 'New York'
  }
};

const objRef = toRefs(myObject);

// 在模板中可以这样使用
<template>
  <p>Name: {{ objRef.name }}</p>
  <p>Age: {{ objRef.age }}</p>
  <p>City: {{ objRef.nested.city }}</p>
</template>