Vue.js（过滤器(Filter)）

过滤器（Filter）

• 什么是: 在接收原始数据后，执行再加工。
• 强调: vue官方没有提供任何预定义过滤器，只能自定义
• 何时: 有些数据，经常需要加工后再显示给用户时
• 如何
  • 创建自定义过滤器
  • 创建自定义过滤器

Vue.filter('过滤器名', function(val){ 
	  .... val 接收当前要处理的模型数据的原始值
	  return ...; 
	})

• 使用自定义过滤器
  • 方法1： {{ 数据 | 过滤器名 }}
  • 方法2： <any :title="数据 | 过滤器名">
• 创建带参数过滤器
  • 定义带参数过滤器:

 Vue.filter('过滤器名', function(val, 参数1, …){ 
	  .... val 接收当前要处理的模型数据的原始值
	  return ...; 
	})

• 使用带参过滤器:
  {{ 数据 | 过滤器名(参数值1,…) }}
• 强调: 过滤器可以像管道一样拦截起来，先后执行
  {{ 数据 | 过滤器1 | 过滤器2 | … }}