1.什么是組合式API

組合式 API(Composition AP) 是一系列 API 的集合，使我們可以使用函數(shù)而不是聲明選項(如: datacomputed，methods，watch等等)的方式書寫 Vue 組件。它是一個概括性的術(shù)語，涵蓋了以下方面的 AP:

響應(yīng)式API: 例如 refO 和 reactive(，使我們可以直接創(chuàng)建響應(yīng)式狀態(tài)、計算屬性和偵聽器生命周期鉤子: 例如 onMounted( 和 nUnmounted0)，使我們可以在組件各個生命周期階段添加邏輯.依賴注入: 例如 provide0) 和 nject0)，使我們可以在使用響應(yīng)式 API 時，利用 Vue 的依賴注入系統(tǒng)組合式 API是 Vue 3及 Vue 2.7 的內(nèi)置功能。對于更老的 Vue 2 版本想使用組合式api，可以使用官方維護(hù)的插件@vue/composition-api。在Vue 3 中，組合式API 基本上都會配合 SFC 語法在單文件組件中使用。

2.對比: options API和 composition API

options的API是按照配置項的思路進(jìn)行分塊的。那么，如果完成一個業(yè)務(wù)，需要使用到計算屬性，watch,method等。這就導(dǎo)致了，一個業(yè)務(wù)的代碼要閱讀完，就必須在不同的配置項中進(jìn)行來回翻滾。

composition的API是按照業(yè)務(wù)的思路進(jìn)行分塊的。這樣，就會把同一個業(yè)務(wù)功能的所有代碼放在了一起，方便程序員閱讀修改代碼。