Vue3 hooks----實現組合式API

hooks實現將一個功能的所有資料、方法、生命週期函式放到一塊去使用。

我們在src底下定義個Hooks資料夾，將我們要進行模組化的功能設定為use功能名。

例如：我要將點我加一這個功能進行hooks，則使用useSum.ts這個檔案定義功能邏輯。

在這個ts裡面需要export default 函式這種寫法，只能這種寫法

邏輯處理完後，還需要export 模板中要用的資料和方法。如下：

在呼叫hooks的地方，非常巧妙的是，我們用物件進行解構程式碼如下：