Vue學習筆記（3）關於Vue的計算屬性

通過之前的學習，我們學習了模板之中的文字插值，這可以很好的實現資料的展示與繫結，但是這樣的展示是有點缺陷的，比如當你想把資料做一定的複雜處理過後才展示的時候，當然你也可以繼續地使用模板，可是這會顯得特別難以維護。

vue當然也是給出了解決方案，這就是計算屬性，先給出**

在此我們利用了計算屬性來對message做乙個整理轉換，然後再展示於頁面之中，這樣在網頁的編寫之中就顯得十分的清晰了。

步驟如下，在dom中使用文字插值，然後在vue例項中新增computed選項，並為此新增reversemessage的函式返回值，我們為其提供的函式作為reversemessage的getter，vue中的開發文件中對於getter的說明是乾淨無***的，我們可以放心地使用它。

當然上面的**還有另外一種實現方式，就是利用method來實現

**如上，我們可以利用文字插值之中加入乙個method來實現資料的處理

但是這兩種方式是不一樣的，method方法在每一次重新渲染都會重新計算一次，而使用計算屬性的方法會對資料進行繫結，儲存在快取之中，除非資料發生變動。如果你不希望有快取，你可以使用method。

接下來還要介紹乙個監視屬性 watched property

他可以監視資料的變動

如**所示，利用watch選項中的函式，我們可以實現對資料的監視，當其發生改變的時候就會呼叫相應的方法。這可以運用在一些非同步訪問之中。

到此，對於計算屬性以及method，watch等應該有了一定的了解了。