02过滤器

<div id="app">
    <p> {{msg | msgFormat }} </p>
    <p> {{msg | msgFormat1('疯狂') }} </p>
    <p> {{msg | msgFormat3('疯狂+1','123') }} </p>
    
    <p> {{msg | msgFormat | test}} </p>
    <!-- 过滤器可以被调用多次 -->
</div>
<script>
    // 定义一个vue全局 的过滤器，名字叫 msgFormat
    Vue.filter('msgFormat',function(msg){
    //    return msg.replace('单纯','邪恶')
    return msg.replace(/单纯/g,'邪恶')
    // 利用正则
    })

    Vue.filter('msgFormat1',function(msg,arg){
    return msg.replace(/单纯/g,arg)

    })

    Vue.filter('msgFormat3',function(msg,arg,arg2){
    return msg.replace(/单纯/g,arg+arg2)

    })

    Vue.filter('test',function(msg){
        return msg + '=============='
    })

    let vm = new Vue({
        el : '#app',
        data:{
            msg : '曾经我也是个单纯的少年，单纯的我，傻傻的问，谁是世界最单纯的男人',
        },
        methods:{}
    });
</script>