- watch主要是監聽單一個data的值，只要data值有變化，它就會觸發一些事件(methods)，可以藉由觸發事件改變原來data的值或是重新取得遠端的資料都是沒有問題的
- watch並不會也不是重新產生新的值喔，主要是在運算後修改了data的內容，當data有更新或有變化的時候，watch會將這個data值重新渲染到畫面上
watch 監聽單一變數
- 當我們要監聽一個值的時候，我們會產生一個watch的物件，而他所監聽的data值也正是這個watch物件中"函式的名稱"：
- 例如本章中watch要監聽input中的tempName這個data值，tempName就會是watch物件中的方法函式名稱
- 而tempName這個函式會有兩個參數，一個為新的值n(new)，一個為舊的值o(old)
- 透過這樣可以做一個簡單的驗證，當我們的值不符合需求時可以做一個簡單的回饋，當值符合需求也可以存入到變數
## watch 監聽單一變數，觸發事件
- 監聽單一變數，觸發事件
- 該函式可同時操作多個變數
- 跟元件溝通之間有關係的watch
## watch 監聽數值
watch 監聽props
computed
- 大部分的情境下會把data值讀取出來(只讀data不寫入)，重新運算出結果之後，在渲染在畫面上
- 如何使用computed?
- 先定義一個computed物件
- 將他要產生的值(total變數)作為函式寫入在computed物件中
- 在這個computed中的total函式產生的運算結果會直接渲染在畫面上
- 如何使用computed?
- 也會用在search匡比對
- 監聽多個變數觸發事件
- 會產生一個值
