reactive 和 ref 都是用來定義響應式數據的 reactive更推薦去定義復雜的數據類型 ref 更推薦定義基本類型

ref 和 reactive 本質我們可以簡單的理解為ref是對reactive的二次包裝, ref定義的數據訪問的時候要多一個.value

使用ref定義基本數據類型,ref也可以定義數組和對象。

ref、toRef、toRefs

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

原理不同：ref()是對原數據的一個深拷貝，當其值改變時不會影響到原始值；toRef()是對原數據的一個引用，當值改變時會影響到原始值；

響應性不同：ref()創建的數據會觸發 vue 模版更新；toRef()創建的響應式數據并不會觸發 vue 模版更新，所以toRef()的本質是引用，與原始數據有關聯。

可以使代碼更簡潔，高效，看起來也更優雅