过滤器概念
Vue.js 允许你⾃定义过滤器,可被⽤作⼀些常⻅的⽂本格式化。过滤器可以⽤
在两个地⽅:mustache插值和v-bind表达式。过滤器应该被添加在JavaScript表
达式的尾部,由“管道”符指示。
作用
在我们⻚⾯显示值之前加⼀层过滤,展示我们过滤后的值
使用方法
n {{变量 | 过滤器名}}
n {{变量 | 过滤器 | 另⼀个过滤器}} 可以同时使⽤多个过滤器,后⾯过滤器的data
就是前⾯表达式传过来的值
语法定义
全局
通过Vue提供的filter⽅法定义:Vue.filter()
参数:过滤器的名字或过滤器执⾏函数
私有
filters这个是实例化Vue的⼀个参数,和data,methods平级的,⾥⾯放的就是
我们这个实例的私有过滤器。
注意事项
- 函数的第⼀个参数都是data,也就是我们要过滤的值。
- 过滤器可以⾃定义⼀些参数。
- 过滤器函数的返回值就是最终显示的值