`toRef` 和 `toRefs` 是 Vue 3 Composition API 中用于在響應(yīng)式對象和普通值之間進行關(guān)聯(lián)的函數(shù)。 1. `toRef` 函數(shù)：它接收一個源對象和一個屬性鍵作為參數(shù)，并創(chuàng)建一個基于源對象和屬性的 ref 引用。它返回一個 ref 對象，可以通過 `.value` 屬性訪問該屬性的值。當(dāng)源對象的屬性值發(fā)生變化時，通過引用訪問的值也會同步更新。 2. `toRefs` 函數(shù)：它接收一個源對象作為參數(shù)，并返回一個包含源對象所有屬性的普通對象，其中每個屬性都是一個 ref 對象。它相當(dāng)于將源對象的每個屬性轉(zhuǎn)為對應(yīng)的 ref 引用。這樣，在使用 `toRefs` 創(chuàng)建的對象時，可以直接通過 `.value` 屬性來訪問屬性值。 主要區(qū)別在于 `toRef` 創(chuàng)建單個屬性的引用，而 `toRefs` 則創(chuàng)建多個屬性的引用對象。這兩個函數(shù)的作用是使得普通的響應(yīng)式對象可以像 ref 引用一樣使用?？梢酝ㄟ^引用對象的 `.value` 屬性進行讀取和更新屬性值，并且當(dāng)原始對象的屬性發(fā)生變化時，引用對象也會同步更新。 這些函數(shù)是 Vue 3 Composition API 提供的重要工具，可以幫助我們更靈活地處理響應(yīng)式數(shù)據(jù)和普通值之間的關(guān)聯(lián)關(guān)系。