computed:計算屬性 經過屬性計算的來的屬性
一、computed裏面的函數建議有返回值,不建議去修改data中的屬性
二、在使用computed中的方法時,是不須要加()
三、computed是基於vue的依賴 當computed所依賴的屬性發生改變的時候就會觸發相對應的方法
四、當computed中的函數執行完畢後,會進行緩存。當下次所依賴的屬性沒有發生改變的時候會從緩存中讀取結果
特色:
一個屬性受多個屬性的影響
場景:
一、商品的總價結算
二、商品的篩選vue
watch:屬性的監聽
一、watch中的函數名稱必須是data中的屬性
二、watch中的函數會接受兩個值 一個是新值一個是舊值
三、watch:中的函數是不要調用的,當所依賴的屬性發生了改變,那麼會調用相關的函數
四、watch的屬性監聽當中儘可能不要去修改data中的屬性
五、watch監聽屬性的時候只會監聽對象引用是否發生了改變,二具體的屬性值發生改變是不會進行監聽的
六、watch作屬性監聽的時候若是屬性是一個對象,那麼須要作深度監聽,利用headler與deep進行深度監聽
七、watch初始化的時候是不會執行的,若是設置immediate:true 則初始化的時候會執行一次
八、watch不會對數組的修改(特殊狀況)進行監聽
特色:
一個屬性影響多個屬性
場景:
模糊查詢
網頁的自適應數組