Vue 全局过滤器和私有过滤器

全局过滤器

{ { msg | msgFormat }}

注1

过滤器名称后面也可以传递参数,且可以传递多个

{ { msg | msgFormat('西瓜','香蕉') }}

Vue.filter('msgFormat', function(msg, arg1, arg2) {
        return msg.replace(/葡萄/g, arg1+arg2)  
    })

在这里插入图片描述

注2

可以同时调用多个过滤器

{ { msg | msgFormat('西瓜','香蕉') | tail}}

在这里插入图片描述

私有过滤器 (时间格式化案例)

{ { dt | dateFormat}}

//调用过滤器采用就近原则,若私有过滤器和全局过滤器名称一致,这时候优先调用私有过滤器。另外,全局过滤器是所有的VM实例共享的

在这里插入图片描述

你可能感兴趣的:(#,Vue.js原理知识,vue)