Vue之 watch、computed、filter之間的區別與使用場景

computed  計算屬性：

　　當頁面中須要使用大量的表達式處理數據時，爲了頁面維護更加簡單，因此使用 計算屬性 來出來複雜的邏輯運算

 

watch 偵聽器

　　當須要在數據變化時執行異步或開銷較大的操做時，須要使用watch

 

filter 過濾器：

　　與computed的主要區別在於它能夠當作函數使用，經過一些處理返回一些新的東西

 　　定義全局filter示例：

設數據：ctime='123'

// 定義全局  參數1：過濾的數據，參數2：傳入的參數
Vue.filter('filter1', (obj, params1) => {
   retutn obj + params1 + '***' 
})

//使用
<div>{{ctime | filter1('---')}}</div> // 結果：123---***