1.过滤器是vue为开发者提供的功能,常用于文本的格式化,过滤器可以用在两个地方:插值表达式和v-bind属性绑定
2.过滤器只适用于vue2.0,在3.0中不适用
3.过滤器应该被添加在JavaScript表达式的尾部,由管道符“|”进行调用
4.过滤器的声明:
const vm = new Vue({
el: '#app',
filters: {
// 注意:过滤器函数形参中的 val,永远都是“管道符”前面的那个值
capi(val) {
}
}
})
5.过滤器的分类:私有过滤器和全局过滤器
①在filters节点下定义的过滤器称为私有过滤器,因为她只能在当前vue实例所控制的el区域内使用
②全局过滤器的定义:Vue.filter(),其中接受两个参数,第一个参数是全局过滤器的“名字”,第二个参数是全局过滤器的“处理函数”,例如下面:
Vue.filter('capi', function (str) {})
6.全局过滤器和私有过滤器名字冲突时,程序会按照就近原则,调用私有过滤器