具體內(nèi)容放在我的首頁動態(tài)介紹了

vue3引入了全新的功能，組合式API，所有的組合式API都要在setup里面使用

Vue3中，無論是Vue實例，還是組件，data選項都必須是一個方法。
我們之前習(xí)慣將所有的數(shù)據(jù)放在data選項中定義，所有的方法放在methods選項中定義，所有的計算屬性放在computed選項中定義，所有的偵聽器放在watch選項中定義。這樣就會導(dǎo)致一個業(yè)務(wù)的代碼會拆分到多個結(jié)構(gòu)中去寫，如果一個頁面中要操作很多個業(yè)務(wù)，代碼后期維護成本會很高。
所以，Vue3引入了組合式API，簡化之前繁瑣的過程，將相同業(yè)務(wù)的代碼靠在一起寫。

組合式api的作用是：將原來分散開來定義的數(shù)據(jù)、方法、計算屬性、監(jiān)聽器等，組合起來定義一個完整的業(yè)務(wù)。

組合式API(Composition API)：Vue推出的一些新的方法，這個方法在setup中使用。
ref對象：在setup中，直接定義的數(shù)據(jù)是不具備響應(yīng)式的。ref用于定義響應(yīng)式數(shù)據(jù)，使用ref組合式API對數(shù)據(jù)進行包裝，包裝后返回的是ref對象。ref對象的value屬性保存的是值。