vue基础——过滤器

90 阅读1分钟

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.全局过滤器和私有过滤器名字冲突时,程序会按照就近原则,调用私有过滤器