Nuxt2怎么在Vue实例上定义多个过滤器。Vue.filter()

在 Nuxt2 中，你可以在 Vue 实例上使用 `filters` 属性来定义多个过滤器。具体步骤如下：

1. 在 Vue 组件中定义 `filters` 属性，该属性的值为一个对象，对象的属性名为过滤器名称，属性值为过滤器函数。

2. 在模板中使用过滤器时，使用 `|` 符号将数据和过滤器名称分隔开来。

例如，你可以在 Vue 组件中定义两个过滤器 `uppercase` 和 `reverse`：

<template>
  <div>
    {{ message | uppercase }} <!-- 输出 HELLO WORLD -->
    {{ message | reverse }} <!-- 输出 dlroW olleH -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: 'Hello World'
    }
  },
  filters: {
    uppercase(value) {
      return value.toUpperCase()
    },
    reverse(value) {
      return value.split('').reverse().join('')
    }
  }
}
</script>

在上面的例子中，我们使用 `|` 符号将 `message` 和过滤器名称分隔开来，从而将数据传递给对应的过滤器函数。最终输出结果为 `HELLO WORLD` 和 `dlroW olleH`。