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---***