过滤器分全局过滤器和局部过滤器。
filter提供的一个方法,用来帮助我们对数据进行过滤筛选
局部过滤器
全局过滤器
Vue.filter( filterName,()=>{ return res } )
在实际开发中,全局过滤器经常会被在数据(比如时间、日期的装饰)上。
filter 与 computed 的区别
1. 触发时机不同
computed 在属性所依赖的数据发生变化时才会重新计算。优点是计算频率相对较低;缺点是依赖于组件,难以抽取成独立逻辑,也就是复用性低。
filter 相对来说就简单很多,只在调用时触发,一般应用在模板渲染上。优点是容易在组件外抽象;缺点是每次模板渲染时都需要重新计算。
2. 应用范围不同
computed 很广泛,可以应用在其他computed、methods、生命周期函数、模板等;filter 一般只应用于模板渲染上,支持链式调用。
3. 定义方式
computed 属性只能在组件内部定义;而 filter 有两种定义方式,局部和全局。