vue中的过滤器

过滤器

过滤器可被用作一些常见的文本格式化

怎么用过滤器

过滤器用的地方有差值表达式，v-bind表达式
用管道符连接 管道符:|

全局定义

vue.filter(过滤器名字，回调函数）

全局定义 Vue.filter(setMsg, function(data,format){})
        // setMsg 过滤器的名字
        // 回调函数：function(data,format)
        // data:管道符前面的数据
        // format:过滤器传过来的参数
         Vue.filter('setMsg', function (data, format) {
            // console.log(data);
            // console.log(format);
            return data.replace('好人', '**')
        })

私有定义/局部定义

与data和methods同级

        <div id='app'>
        </div>
       const vmm = new Vue({
            el: '#abb',
            data: {
                msg: '你是好人'
            },
            methods: {

            },
            filters: {
                setMsg(data, format) {
                    return data.replace('好人', '**')
                }
            }
        })