一、ref(基本類型數(shù)據(jù)，也可以定義對象類型的響應式數(shù)據(jù)。此時底層用的還是reactive)

ref 創(chuàng)建基本類型的響應式數(shù)據(jù)

作用:定義響應式變量
語法: let xxx = ref(初始值)
返回值: 一個 RefImp1 的實例對象，簡稱 ref對象或ref，ref 對象的 value 屬性是響應式的.

注意點:
Js 中操作數(shù)據(jù)需要:xxx.value .但模板中不需要 value，直接使用即可
對于 let name = ref(張三') 來說? ? name 不是響應式的? ? name.value 是響應式的

二、reactive（只能定義:對象類型的響應式數(shù)據(jù)）

作用:定義一個響應式對象 (基本類型不要用它，要用 ref，否則報錯)

語法: let 響應式對象= reactive(源對象)。

返回值:一個 Proxy 的實例對象，

簡稱: 響應式對象注意點: reactive 定義的響應式數(shù)據(jù)是“深層次”的

三、ref對比 reactive

宏觀角度看:

1. ref 用來定義:基本類型數(shù)據(jù)、對象類型數(shù)據(jù)

2. reactive 用來定義:對象類型數(shù)據(jù)

區(qū)別:

1.ref 創(chuàng)建的變量必須使用 .value (可以使用 volar 插件自動添加.value)
2.reactive 重新分配一個新對象，會失去響應式 (可以使用 object.assign 去整體替換)。

使用原則：

1.若需要一個基本類型的響應式數(shù)據(jù)，必須使用 ref
2.若需要一個響應式對象，層級不深， ref、reactive 都可以。
3.若需要一個響應式對象，且層級較深，推薦使用 reactive。