08.28自我總結 vue中methods,computed,filters,watch的總結 一.methods methods屬性裡面的方法會在數據發生變化的時候你,只要引用了此裡面分方法,方法就會自動執行。這個屬性沒有依賴緩存 二.computed 計算屬性該屬性裡面的方法必須要有return ...
08.28自我總結
vue中methods,computed,filters,watch的總結
一.methods
methods屬性裡面的方法會在數據發生變化的時候你,只要引用了此裡面分方法,方法就會自動執行。這個屬性沒有依賴緩存
二.computed
計算屬性該屬性裡面的方法必須要有return返回值,這個返回值就是(value值)。
有幾個關鍵點
- 1) 計算後屬性不需要在data中重覆定義
- 2) 計算後屬性必須渲染後,綁定的方法才會生效
這裡指就是定義後的變數名在上面html中顯示
- 3) 計算後屬性綁定的方法中的任意變數值更新,方法都會被調用
比如說方法中一個變數A,變數A變了函數會重新調用
- 4) 計算後屬性為只讀屬性(不可寫)
計算後屬性為只讀屬性
三.filters
是過濾器屬性
,與methods中定義的一個方法使用方法差不多
四.watch
是監聽屬性。這個監聽的是data屬性裡面的數據,當這個數據發生變化時,將自動執行這個函數。
watch:{
data中的變數(){
當data中變數發生的時候會執行這裡的邏輯函數
}
}
註意點
- 1) 監聽綁定的屬性,該屬性可以get、set
- ) 監聽的屬性一旦發生值更新,綁定的方法就會被調用
- 監聽的屬性是已定於的屬性
必須在data中定義