Vue回頭路（一）


original message: "}"p>
computed reversed message: "}"p>
div>

var vm = new vue(,
computed: }})

computed

計算屬性是基於它們的響應式依賴進行快取的只在相關響應式依賴發生改變時它們才會重新求值。這就意味著只要message還沒有發生改變，多次訪問reversedmessage計算屬性會立即返回之前的計算結果，而不必再次執行函式。

簡單來說呢，就是計算屬性的結果是可以進行快取的。1. 適用於一些重複使用資料或複雜及費時的運算。我們可以把它放入computed中進行計算, 然後會在computed中快取起來, 下次就可以直接獲取了。2. 如果我們需要的資料依賴於其他的資料的話, 我們可以把該資料設計為computed中。

method

當檢測到數值存在變化後，直接呼叫對應的方法，進行計算。但是不快取結果。

method並非是響應式的。只有當dom中發生一些事件需要作出回應時，或者被一些其他指令呼叫

watch

設定對某個屬性進行監聽，當檢測到屬性變化時出發對應的規則

只能檢測乙個屬性，但是一般來說try to use computed properties for everything. if it won』t work as a computed property, use a watcher.

譬如1中所舉的例子，我們通過methods或者watch也可以實現相同的效果，那麼他們的區別在哪呢？

如上，當message發生變化以後，由於data的message已經和當前的vm.message進行繫結，故也會修改vm.message的值，同時所有依賴於該值的繫結都會重新整理，因此導致觸發vm.reversedmessage