vue-filter过滤器的使用

一、全局过滤器

• 语法：

• Vue.filter(name,function)
  - name: 过滤器名称
  - function: 执行函数，必须有一个过滤后的返回值
  
  使用方法：变量名 | 过滤器名称
  {{name | function()}}
  

• 示例：

• 
  
  	
  		
  		
  	
  	
  		
  
  			
  			
  {{aa | toUpper}}
  			
  {{aa | subFilter(1)}}
  		
  		
  		
  		
  	
  
  

  运行结果：

• 

• 二、局部过滤器

   语法：

• filters: {
  	name: function(),
  }
  - name: 过滤器名称
  - function: 执行函数，必须有一个过滤后的返回值
  
  使用方法：变量名 | 过滤器名称
  {{name | function()}}
  

示例
 

	
		
		
	
	
		

			
			
{{BB | toLower}}
		
		
		
		
	

运行结果