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