ref里可以監(jiān)聽數(shù)據(jù)，發(fā)生改變之后刷新視圖

setup組合api

ref函數(shù)注意點：

ref只能監(jiān)聽簡單類型的變化，不能監(jiān)聽復雜類型的變化（對象/數(shù)組）

可以用reactive來處理

組合api

少廢話，上代碼。

以上是vue3優(yōu)勢，數(shù)據(jù)，邏輯 不分離。可以分成一塊一塊的業(yè)務來進行處理

分離文件

vue3.0不僅可以抽離出方法，數(shù)據(jù)。還可以放在不同的文件里，更加清晰的辨別業(yè)務。

剛開始肯定很不習慣，慢慢來！

總結(jié)：

區(qū)別

vue2是把數(shù)據(jù)放在一起，邏輯放在一起。

vue3是把業(yè)務數(shù)據(jù)、邏輯 分別放在一起，更便于維護和優(yōu)化