選項式API

優(yōu)點：容易學習和編寫，寫在特定的位置。

缺點：代碼組織差，一個功能會分散開。

Vue2、Vue3支持選項式API

寫在特定的位置就是比如聲明的數(shù)據(jù)寫在data中，方法寫在method中，監(jiān)聽寫在watch中等等，這樣一個功能實現(xiàn)會分散開。如下圖：

選項式API

組合式API

所有代碼寫在setup函數(shù)內(nèi)

優(yōu)點：邏輯性偏強，功能邏輯（比如數(shù)據(jù)、watch、方法等）可以寫在一塊容易查找，后期維護方便。

缺點：相比選項式上手要難些，因為選項式已經(jīng)規(guī)定了位置，按對應位置填寫代碼即可。

Vue3支持組合式API