过滤器:对常用文本的格式化操作;一般常用于时间、金额等
分为 全局的过滤器和局部的过滤器
局部的过滤器:
在页面内 和data同一层级:
filters: {
过滤器1(){
},
过滤器2(){
},
}
全局过滤器:
Vue.filter(过滤器的id,()=>{})
过滤器的使用:
{{要格式化的文本 | 过滤器的名称}}
注意事项:
1. 过滤器需要return返回值
2. 过滤器内没有this指向
3. 过滤器接受参数,接受的第一个参数就是管道符前面的文本
4. 过滤器可以接受多个参数
{{要过滤的文本 | 过滤器的名称(第二个参数、第三个参数.....)}}
5. 不会改变原始值,只会返回新值
6.过滤器可以串联使用,并且上一个过滤器的返回值是下一个过滤器的参数