Vue.filter()

本文介绍了Vue.js中的过滤器,包括全局过滤器和局部过滤器的使用方法,以及它们在数据处理中的作用。同时,对比了filter与computed的触发时机、应用范围和定义方式,强调了过滤器在模板渲染上的优势和computed在计算属性依赖更新的特性。
摘要由CSDN通过智能技术生成

过滤器分全局过滤器和局部过滤器。

filter提供的一个方法,用来帮助我们对数据进行过滤筛选

局部过滤器

全局过滤器
Vue.filter( filterName,()=>{ return res } )

在实际开发中,全局过滤器经常会被在数据(比如时间、日期的装饰)上。

filter 与 computed 的区别

1. 触发时机不同
computed 在属性所依赖的数据发生变化时才会重新计算。优点是计算频率相对较低;缺点是依赖于组件,难以抽取成独立逻辑,也就是复用性低。

filter 相对来说就简单很多,只在调用时触发,一般应用在模板渲染上。优点是容易在组件外抽象;缺点是每次模板渲染时都需要重新计算。

2. 应用范围不同
computed 很广泛,可以应用在其他computed、methods、生命周期函数、模板等;filter 一般只应用于模板渲染上,支持链式调用。

3. 定义方式
computed 属性只能在组件内部定义;而 filter 有两种定义方式,局部和全局。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

敲起来blingbling

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值