vue过滤器

过滤器的本质是一个函数,接受管道府前面的值作为初始值,同时也接受额外的参数,返回值为经过处理后的输出值。

多个过滤器之间也可以进行串联。

例如:

{{ message | capitalize }}

{{ message | filterA 'arg1' 'arg2' }}

{{ message | filterA | filterB }}

过滤器注册

Vue.js提供了全局方法Vue.filter()注册一个自定义过滤器,接受过滤器ID和过滤器函数的两个参数

动态参数

过滤器除了能接受单引号(‘’)括起来的参数外,也支持接受在vm实例中绑定的数据,称之为动态参数。使用区别就在于不需要用单引号将参数括起来。

过滤器在Vue.js2.0中的变化

  1.  取消了所以内置过滤器,即capitalize,uppercase,json等
  2. 取消了对v-model和v-on的支持,过滤器只能使用在{{}}标签中(所以双向过滤器在Vue.js中不可用)
  3. 修改了过滤器参数的使用方式,采用函数的形式而不是空格来标记参数,例如:{{date | date('yyyy-MM-dd')}}

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值