Vue中的过滤器

一、说明
Vue中允许你自定义过滤器，可被用作一些常见文本的格式化。过滤器可以用在两个地方：mustache插值表达式和v-bind指令。过滤器应该被添加在js表达式尾部，由“管道”符指示。用来作输出前最后一次处理，不回去修改原数据。
二、过滤器调用时的格式

//在输出name的值之前，加管道符“|”，调用nameope（即过滤器名称）进行处理，把处理的结果当作内容渲染
{{ name | nameope(arg) }} 

三、全局过滤器的定义
所谓的全局，即所有的Vue实例都共享。

//function即处理过程。
//第一个参数data即为数据（管道符“|”前面的数据，即上面的name）；
//第二个参数arg即为过滤器中传入的参数（可多个，即第三个参数。。。）。
Vue.filter('过滤器名称',function(data,arg){});

四、实例

    
        
        
        
    
     
        
  
            
            
           
{{ msg | msgFormat("加油！") | test }}
        
        
        
    

五、私有过滤器的定义
定义在Vue对象中，全局和私有重名，优先私有的。

    
        
        
        
    
     
        
  
            
            
           
{{ msg | msgFormat("加油！") | test }}
        
        
        
  
            
{{ msg | test }}