Composition Api(十) watchEffect

使用 watchEffect

watchEffect 一樣可以監聽變數，並當變數的值做更動時觸發特定行為。
要使用 watchEffect 首先一樣 先解構出來

在這個範例中有兩筆資料，一個是純值，一個是物件

並有一個變數 watchText來接收watchEffect監聽的值。

在 watchEffect 帶入一個 callback function，和watch不同的是，不需要指定監聽的變數是哪個，只要雙向綁定的資料有出現在 watchEffect函式裡就會被監聽。

所以在上面範例中，將監聽的值寫回 watchText裡。

watchEffect 可以被停止

和watch不同，watchEffect是可以被停止的。

首先將watchEffect 函式賦予到一個變數裡，在watchEffect裡 要停止時就呼叫這個變數本身，如上圖呼叫 stopWatch來停止。