vue中过滤器12-26

写法:注意第一个参数永远是要处理的数据

  Vue.filter('过滤器名称',function(data){
         return data+"123"
         })
{{name | 过滤器名称}} 

过滤器可以传多个值

图片.png

参看代码

 <div id="app">
      <p>{{msg | msgFormat('疯狂+1','123') | test}}</p>
    </div>

    <script>
      Vue.filter('msgFormat',function(msg,arg,arg2){
         return msg.replace(/单纯/g,arg+arg2)
      })
      Vue.filter('test',function(msg){
         return msg+'=============='
      })
    var vm = new Vue({
      el: '#app',
      data: {
        msg:"曾经我也是一个单纯的少年,单纯的我傻傻的问,谁是这个世界上最单纯的男人"
      },
      methods: {}
    });
  </script>

私有过滤器: