32.Vue 中的过滤器了解吗？过滤器的应用场景有哪些？

过滤器实质不改变原始数据，只是对数据进行加工处理后返回过滤后的数据再进行调用处理，我们也可以理解成纯函数。

html

{{ message | filterA("arg1", "arg2") | filterB("arg1", "arg2") }}

{{ message | filterA("arg1", "arg2") | filterB("arg1", "arg2") }}

Vue.filter("filterA", function (value) {
  // 返回处理后的值
});
Vue.filter("filterB", function (value) {
  // 返回处理后的值
});

Vue.filter("filterA", function (value) {
  // 返回处理后的值
});
Vue.filter("filterB", function (value) {
  // 返回处理后的值
});

常见场景：单位转换、千分符、文本格式化、时间格式化等操作。这个写个方法、写个方法不香么？Vue3 果断废弃了过滤器......

html

<p>{{format(number)}}</p>

<p>{{format(number)}}</p>

const format = (n) => {
  return parseFloat(n).toFixed(2);
};

const format = (n) => {
  return parseFloat(n).toFixed(2);
};

32.Vue 中的过滤器了解吗？过滤器的应用场景有哪些？ ​