計算屬性是 模版中使用表示式 的乙個補充。
我們知道模版中可以寫很多js中的方法等，如果邏輯較為複雜，在模版中使用表示式就會讓模版顯得太複雜，不便於閱讀。
比如我們之前的**：
}<
/p>
計算屬性和data、methods、watch是乙個級別的，所以它的位置也和它們一樣：
export
default;}
, computed:};
<
/script>
原字串：
}<
/p>
反轉後的字串：
}
export
default;}
, computed:}}
;<
/script>
其實methods也可以實現這樣的效果，只要我們將reversemessage移動到methods中即可。
但是為什麼不這麼做呢？
是因為計算屬性是基於它們的響應式依賴進行計算的
而方法在每次訪問的時候，都會去執行方法體裡的邏輯，然後返回結果。
什麼時候要用計算屬性呢？
比如說要通過a來得到b，需要做大量計算，那麼就需要通過計算屬性來獲得b。
記vue計算屬性和方法的區別
在vue.js中，計算屬性和方法達到的效果是一樣的，但是計算屬性是基於依賴進行快取的，只有count或者price發生改變才會導致totalprice發生改變，只要 price和count還沒有發生改變，多次訪問 totalprice計算屬性會立即返回之前的計算結果，而不必再次執行函式 而方法是每次...
Vue計算屬性和方法
data物件最適合純粹的資料 如果想將資料放在某處，然後在模板 方法或者計算屬性中使用，那麼可以把它放在data物件中。後面也許還會更新它。當你希望為模板新增函式功能時，最好使用方法 給方法傳遞資料，然後它們會對資料進行處理，最終可能返回不同的資料結果。計算屬性適用於執行更加複雜的表示式，這些表示式...
VUE 計算屬性和方法
我們可以將同一函式定義為乙個方法而不是乙個計算屬性。兩種方式的最終結果確實是完全相同的。然而，不同的是計算屬性是基於它們的響應式依賴進行快取的。只在相關響應式依賴發生改變時它們才會重新求值。這就意味著只要message還沒有發生改變，多次訪問reversedmessage計算屬性會立即返回之前的計算...