12、vue中watch如何監控對象的屬性

一、普通的watch

二、對象屬性的watch：

  對象和數組都是引用類型，引用類型變量存的是地址，地址沒有變，因此不會觸發watch。這時咱們須要進行深度監聽，就須要加上一個屬性 deep，值爲 true

注意：只要對象的屬性發生變化，就會執行handler函數；若是將監聽對象中的具體屬性，則能夠經過計算屬性computed做爲中間層進行監聽，例如：

 

Watch和computed的區別

• Watch

    watch用於觀察和監聽頁面上的vue實例，當你須要在數據變化響應時，執行異步操做，或高性能消耗的操做，那麼watch爲最佳選擇

• computed

    能夠關聯多個實時計算的對象，當這些對象中的其中一個改變時都會觸發這個屬性
    具備緩存能力，因此只有當數據再次改變時纔會從新渲染，不然就會直接拿取緩存中的數據。