關於vue中watch和computed

computed:計算屬性    經過屬性計算的來的屬性

一、computed裏面的函數建議有返回值,不建議去修改data中的屬性

二、在使用computed中的方法時,是不須要加()

三、computed是基於vue的依賴  當computed所依賴的屬性發生改變的時候就會觸發相對應的方法

四、當computed中的函數執行完畢後,會進行緩存。當下次所依賴的屬性沒有發生改變的時候會從緩存中讀取結果


特色:
    一個屬性受多個屬性的影響

場景:
    一、商品的總價結算

    二、商品的篩選vue

 

 

watch:屬性的監聽
    一、watch中的函數名稱必須是data中的屬性
    二、watch中的函數會接受兩個值  一個是新值一個是舊值
    三、watch:中的函數是不要調用的,當所依賴的屬性發生了改變,那麼會調用相關的函數
    四、watch的屬性監聽當中儘可能不要去修改data中的屬性
    五、watch監聽屬性的時候只會監聽對象引用是否發生了改變,二具體的屬性值發生改變是不會進行監聽的
    六、watch作屬性監聽的時候若是屬性是一個對象,那麼須要作深度監聽,利用headler與deep進行深度監聽
    七、watch初始化的時候是不會執行的,若是設置immediate:true   則初始化的時候會執行一次
    八、watch不會對數組的修改(特殊狀況)進行監聽

    特色:
        一個屬性影響多個屬性
        場景:
         模糊查詢
         網頁的自適應數組

相關文章
相關標籤/搜索