请说明Vue的filter的理解与用法？

Vue.js 的过滤器（filters）是一种特殊的功能，它允许你在插值或绑定表达式中格式化或处理数据。过滤器可以用在两个地方：mustache 插值和 v-bind 表达式。过滤器应该被添加在 JavaScript 表达式的尾部，由管道符指示。

1. Vue 过滤器的理解

Vue 的过滤器可以用于：

• 格式化文本：例如，你可以使用过滤器将文本转换为大写、小写，或者进行其他任何形式的格式化。
• 过滤数据：过滤器也可以用于过滤数据，例如，你可以创建一个过滤器来过滤掉数组中的空值或特定值。

2. Vue 过滤器的用法

在 Vue.js 中，有两种方法可以定义过滤器：全局过滤器和局部过滤器。

2.1 全局过滤器

全局过滤器可以在任何 Vue 实例或组件中使用。要使用全局过滤器，你需要使用 Vue.filter() 方法。例如：

Vue.filter('uppercase', function (value) {
  if (!value) return ''
  value = value.toString()
  return value.toUpperCase()
})

然后在你的模板中，你可以像这样使用过滤器：

<p>{{ message | uppercase }}</p>

这将把 message 变量的值转换为大写。

2.2 局部过滤器

局部过滤器只能在特定的 Vue 实例或组件中使用。你可以在 Vue 实例或组件的 filters 选项中定义局部过滤器。例如：

new Vue({
  el: '#app',
  data: {
    message: 'hello world'
  },
  filters: {
    uppercase: function (value) {
      if (!value) return ''
      value = value.toString()
      return value.toUpperCase()
    }
  }
})

然后，你可以在模板中像使用全局过滤器一样使用这个局部过滤器：

<p>{{ message | uppercase }}</p>

请注意，过滤器的使用方式是在值后面加上管道符 |，然后跟上过滤器的名字。你也可以串联多个过滤器，例如 {{ message | filterA | filterB }}。

注意：Vue 3.x 中移除了过滤器功能，建议使用计算属性或方法替代。