局部过滤器的使用filter

 <div id="app">
        <!-- msg是作为参数传给filterA函数，
        而filterA函数的返回值作为参数传给filterB函数，
        最终结果显示是由filterB返回的。 -->
       <div>
            {{ msg | filterA | filterB }}
       </div> 
       <div>
           <!-- 带参过滤器 -->
            {{ msg | filterC('06','1') }}
       </div>
       <div>
            {{ 'a','b' | filterD }}
       </div>
    </div>

  const app = new Vue({
            el:"#app",
            data:{
                msg:'2020'
            },
            filters: {
                filterA(msg){
                    return msg + '年'
                },
                filterB(msg){
                    return msg + 'Hello World'
                },
                filterC(msg,arg1,arg2) {
                    return msg + '-' + arg1 + '-' + arg2
                },
                filterD(value1,value2) {
                    return value1 + ' ' + value2
                }
            }
        })
  // 结果为：2020年Hello World
         // 2020-06-1
        //  a b