Vue学习之旅Part3：Vue的全局过滤器和私有过滤器

Vue允许自定义过滤器 可被用作一些常见的文本格式化

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

过滤器应被添加在JavaScript表达式的尾部 由“管道”符指示(管道符就是一个竖杠：|)

一、全局过滤器

全局过滤器调用时的基本格式：

通过管道符[|]来进行过滤 例如{ {name | nameOpe}}
定义过滤器的语法：Vue.filter("过滤器名称",处理函数)

处理函数的第一个参数已被固定了 是data 即管道符前面传递的数据
若要添加其它入参 只能添加在data的后面了

Vue.filter("",function(data)
{
   
    return data+"123";
})

(上述例子中 该过滤器的功能就是给过滤器前面的数据加上"123"字符串)

一个值得注意的地方是：过滤器并没有修改原数据 只是在输出之前进行了一层处理

<div id="app">
	<p>{
  {msg | msgFormat}}</p>
</div>

<script>
    // Vue全局过滤器
    Vue.filter("msgFormat",function(data){
    
        // replace()方法的第一个参数支持正则表达式
        return data.replace(/陈涛/g,"李强");
    })

    var vm=new Vue({
    
       el:'#app',
       data:{
    
           msg:"我的名字叫陈涛，一天早上，同学碰见我，向我打招呼：'陈涛，你好！'&#