在 Vue 3 的 Composition API 中，toRef 和 toRefs 是两个用于处理响应式数据的重要工具，它们专门用于从 reactive() 对象中提取属性并保持响应性。
toRef()
作用：将 reactive 对象的单个属性转换为一个 ref 对象，保持与源属性的响应式连接。
使用场景：
-
需要单独提取 reactive 对象的某个属性
-
需要保持该属性与源对象的双向同步
示例：
import { reactive, toRef } from 'vue'const state = reactive({count: 0,name: 'Vue'
})// 将 state.count 转换为 ref
const countRef = toRef(state, 'count')// 修改 ref 会更新源对象
countRef.value++
console.log(state.count) // 1// 修改源对象也会更新 ref
state.count = 100
console.log(countRef.value) // 
)
