前言 一般情況下屬性都是放到data中的，但是有些屬性可能是需要經過一些邏輯計算后才能得出來，那么我們可以把這類屬性變成計算屬性。比如以下： 在這個地方，模板不再是簡單的聲明式邏輯。你必須看一段時間才能意識到，這里是想要顯示變量 message 的翻轉字符串。當你想要在模板中的多處包含 ...

computed可定義一些函數，這些函數叫做【計算屬性】 只要data里面的數據發生變化computed會同步改變 引用【計算屬性】時不要加 () ，應當普通屬性使用 例：console.log(this.computedName ...

...

總結： 1.computed 在第一次引用，或引用值改變時才會觸發里面的方法（緩存，減少不必要的反復計算） 2.在methods 里面的方法會在頁面渲染更新時反復調用（耗費大量性能） 3.使用computed 定義方法后 可以在模板中直接用方法名得到結果 而不需要像methods ...

1.computed計算屬性，它表示根據已有屬性，計算得到一個新的屬性 2.在computed里面寫一個函數，這個函數很特殊，它的函數名，將來可以作為一個屬性來使用 3.計算屬性是依賴於緩存的，當頁面中調用同一個計算屬性多次的時候，后面的計算屬性的值，會直接從第一次得到的結果中去取，所以說 ...

詳見vue2.0 API《計算屬性》 需求： 模板內的表達式是非常便利的，但是它們實際上只用於簡單的運算。在模板中放入太多的邏輯會讓模板過重且難以維護。例如： <div id="example"> ...

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

一直以來在使用vue的時候，會對vue的computed屬性和watch屬性具體的使用分不清楚，總算花點時間整理了下。 computed:通常用於監控自己定義的變量，這個變量可以不再data中定義，直接在computed里面定義，然后可以在頁面上做雙向數據綁定得到這個數據。通常的使用場景：添加 ...