# ## **一.computed和watch** computed計算屬性顧名思義就是通過其他變量計算得來的另一個屬性,計算屬性是基于它們的響應式依賴進行緩存的。只在相關響應式依賴發生改變時它們才會重新求值。這就意味著只要它們的響應式數據沒有發生改變，多次訪問 這個數據 計算屬性會立即返回之前的計算結果，而不必再次執行函數。**（需要有return，主要return中的依賴不會發生改變，不會二次執行computed，有緩存機制）** watch偵聽器是偵聽一個特定的值，當該值變化時執行特定的函數。例如分頁組件中，我們可以監聽當前頁碼，當頁碼變化時執行對應的獲取數據的函數。 >***watch更擅長一對多***：就是主要監聽一個可以影響多個數據的數據 **computed擅長多對一**：主要監聽多個數據影響一個數據的數據，一定要reture ***** ## **二.computed和methods** **computed是計算屬性，methods是方法，都可以實現對 data 中的數據加工后再輸出。** 不同的是 computed 計算屬性是基于它們的依賴進行緩存的。計算屬性 computed 只有在它的相關依賴發生改變時才會重新求值。這就意味著只要data 中的數據 message 沒有發生改變，多次訪問計算屬性會立即返回之前的計算結果，而不必再次執行函數。而對于methods ，只要發生重新渲染，methods 調用總會執行該函數。 當有一個性能開銷比較大的的計算屬性 A ，它需要遍歷一個極大的數組和做大量的計算。然后我們可能有其他的計算屬性依賴于 A ，這時候，我們就需要緩存。也就是使用 computed 而不是 methods。但對于每次都需要進行重新計算的屬性，我們最好使用 methods。 ***** ## **三.什么情況下分別使用computed、watch、methods** （1）數據量大，需要緩存的時候用computed；每次確實需要重新加載，不需要緩存時用methods。 （2）盡量用computed計算屬性來監視數據的變化，因為它本身就這個特性，用watch沒有computed“自動”，手動設置使代碼變復雜。 （3）雖然計算屬性在大多數情況下是非常適合的，但是在有些情況下我們需要自定義一個watcher，在數據變化時來執行異步操作，這時watch是非常有用的。 ***** methods是通過事件驅動來執行函數的是被動的 watch、computed是當監聽的數據發生變化時主動執行這個函數 watch，可監聽同一屬性值前后改變的值變化 （可監聽數組，對象，字符串）