一、業務場景：前兩個文本框中輸入值，最后一個文本框自動監聽前面輸入的值 方式一：使用事件綁定機制@keyup，在methods中寫入監聽方法 方法二：使用watch監聽文本變化 使用watch屬性 可以監視data中指定數據的變化 然后觸發這個watch中對應的處理方法 ...

1.computed(計算屬性) 　　根據一個現有數據去生成一個新數據，並且這兩個數據會永久的建立關系，還會建立緩存，當無關數據改變的時候，不會重新計算而是直接使用緩存中的值 需要注意的是，就算在data中沒有直接聲明出要計算的變量，也可以直接在computed中寫入 ...

的getter。 在你需要時，也可以提供一個setter 函數， 當手動修改計算屬性的值就像修改一個普通數據 ...

自己的理解： computed用來監控自己定義的變量，該變量不在data里面聲明，直接在computed里面定義，然后就可以在頁面上進行雙向數據綁定展示出結果或者用作其他處理； computed比較適合對多個變量或者對象進行處理后返回一個結果值，也就是數多個變量中的某一個值發生了變化 ...

1、計算屬性 介紹： 避免在模板中使用冗余代碼處理data中的數據 當依賴的data對象中的屬性值發生變化時，將會觸發計算方法，在data對象中生成新的變量，並且會將新的變量緩存起來；（只要依賴的data對象屬性值不發生改變，將不會觸發計算方法；） 可以用計算屬性實現的，也就 ...

目的：當數據變化時，為其中重要數據增加邊框，實現閃爍以達到提醒目的。數據格式如下，只有在未處理火警/故障時增加閃爍邊框。可以使用watch進行深度監聽。數據格式已定，也非常明確要監聽的數據是有兩個。既然這樣就沒有必要進行深度監聽。可以結合computed實現返回需要監聽的數據，只進行普通監聽即可 ...

一、 計算屬性（computed） 1.計算屬性是為了模板中的表達式簡潔，易維護，符合用於簡單運算的設計初衷。 　　例如： 　　運算過於復雜，冗長，且不好維護，因此我們對於復雜的運算應該 使用計算屬性的方式去書寫。 　　因此可改寫為： 總結： 　　1.變量 ...

computed: 　　1. computed 具有緩存功能，可以監聽對象某個具體屬性。 　　2.變量不在 data中定義，而是定義在computed中。 　　3.根據一個現有數據去生成一個新數據，並且這兩個數據會永久的建立關系，還會建立緩存，當無關數據改變的時候，不會重新計算而是直接使用 ...