局部过滤器的使用filter

 <div id="app">
        
       <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
                }
            }
        })

你可能感兴趣的:(局部过滤器的使用filter)