Vue基础(filters 过滤器属性)

本文介绍了Vue.js中的过滤器,包括全局过滤器和局部过滤器的注册方法,并通过案例展示了如何使用过滤器对数据显示进行处理。过滤器主要用于数据的二次处理,可在模板中的双大括号和v-bind中使用,返回值为过滤方法的结果。
摘要由CSDN通过智能技术生成

过滤器

• filters : 过滤器
把需要在视图中渲染的数据进行二次或多次的处理,
里面方法第一个参数是需要过滤的数据,剩下的参是方法传的实参,
页面显示的内容为filters里的方法的 return的值
(过滤器方法只能在胡子语法和v-bind中使用,过滤器中的方法没有挂载到实例上,this指向window)

过滤器是一个使用在 双大括号插值v-bind 中,用于过滤输出内容的函数

假设有一个用于把内容转为大写的过滤器函数 toUpperCase

{
  {content|toUpperCase}}
  • | : 管道符,表示数据从左至右通过管道符进行传递
  • 过滤器可以有多个,执行顺序从左至右,过滤器函数第一个参数的值就是其管道符前一个的结果

注册过滤器

全局过滤器
Vue.filter('过滤器名称', 过滤器函数)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值