reactive 和 ref 都是用來(lái)定義響應(yīng)式數(shù)據(jù)的 reactive更推薦去定義復(fù)雜的數(shù)據(jù)類型 ref 更推薦定義基本類型

ref 和 reactive 本質(zhì)我們可以簡(jiǎn)單的理解為ref是對(duì)reactive的二次包裝, ref定義的數(shù)據(jù)訪問(wèn)的時(shí)候要多一個(gè).value

使用ref定義基本數(shù)據(jù)類型,ref也可以定義數(shù)組和對(duì)象。

ref、toRef、toRefs

參數(shù)不同：ref()接收一個(gè) js 基本數(shù)據(jù)類型的參數(shù)；toRef()接收兩個(gè)參數(shù)，第一個(gè)為對(duì)象，第二個(gè)為對(duì)象中的某個(gè)屬性；

原理不同：ref()是對(duì)原數(shù)據(jù)的一個(gè)深拷貝，當(dāng)其值改變時(shí)不會(huì)影響到原始值；toRef()是對(duì)原數(shù)據(jù)的一個(gè)引用，當(dāng)值改變時(shí)會(huì)影響到原始值；

響應(yīng)性不同：ref()創(chuàng)建的數(shù)據(jù)會(huì)觸發(fā) vue 模版更新；toRef()創(chuàng)建的響應(yīng)式數(shù)據(jù)并不會(huì)觸發(fā) vue 模版更新，所以toRef()的本質(zhì)是引用，與原始數(shù)據(jù)有關(guān)聯(lián)。

可以使代碼更簡(jiǎn)潔，高效，看起來(lái)也更優(yōu)雅