vue中methods,computed，filters,watch的總結

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中定義或者全局中如$route比較經常使用是路由傳參反正就是this可以經過.出來的屬性