Vue过滤器filter

过滤器可以用来进行一些常见的文本格式化

过滤器可以用在两个地方：mustache插值和v-bind表达式

全局过滤器的定义语法：

Vue.filter('过滤器的名称'，function(message){})

 

过滤器的调用语法：

{{ name | 过滤器的名称}}

 

调用时第一个参数已经定死，就是name，可以在过滤器名称后面添加参数，如：{{message | msgforma('参数')}}

<div id="app">
         <p>{{message | msgformat('疯狂','优秀')}}</p>
</div>
<script>
         //定义一个Vue全局的过滤器
         Vue.filter('msgformat',function(message,arr1,arr2){
                 return message.replace(/单纯/g,arr1+arr2);
         })
var vm = new Vue({
         el:"#app",
         data:{
                 message:'曾经的我也是很单纯滴，单纯的我是世界上最单纯的男人',            
         },
         })
</script>

也可以对一个元素同时多次调用过滤器

 

定义私有过滤器：

var vm = new Vue({
         el:"#app",
         data:{},
         filters:{        //定义私有过滤器，两个条件【过滤器名称】和【处理函数】  
                 dateformat:function(message){
                 }
         }
})

过滤器调用就近原则，如果私有过滤器和全局过滤器名称一致，就调用私有过滤器