千锋教育前端Vue3.0全套视频教程（Kerwin2023版，Vue.js零基础

`toRef` 和 `toRefs` 是 Vue 3 Composition API 中用于在响应式对象和普通值之间进行关联的函数。 1. `toRef` 函数：它接收一个源对象和一个属性键作为参数，并创建一个基于源对象和属性的 ref 引用。它返回一个 ref 对象，可以通过 `.value` 属性访问该属性的值。当源对象的属性值发生变化时，通过引用访问的值也会同步更新。 2. `toRefs` 函数：它接收一个源对象作为参数，并返回一个包含源对象所有属性的普通对象，其中每个属性都是一个 ref 对象。它相当于将源对象的每个属性转为对应的 ref 引用。这样，在使用 `toRefs` 创建的对象时，可以直接通过 `.value` 属性来访问属性值。 主要区别在于 `toRef` 创建单个属性的引用，而 `toRefs` 则创建多个属性的引用对象。这两个函数的作用是使得普通的响应式对象可以像 ref 引用一样使用。可以通过引用对象的 `.value` 属性进行读取和更新属性值，并且当原始对象的属性发生变化时，引用对象也会同步更新。 这些函数是 Vue 3 Composition API 提供的重要工具，可以帮助我们更灵活地处理响应式数据和普通值之间的关联关系。