vue3定义一个全局过滤器

要在 Vue3 中定义一个全局过滤器，可以使用 `app.config.globalProperties` 方法来注册一个全局过滤器。

以下是一个示例，定义了一个名为 `capitalize` 的全局过滤器：

import { createApp } from 'vue';
import App from './App.vue';

const app = createApp(App);

app.config.globalProperties.$filters = {
  capitalize: function(value) {
    if (!value) return '';
    value = value.toString();
    return value.charAt(0).toUpperCase() + value.slice(1);
  }
};

app.mount('#app');

在模板中，可以通过 `{{ value | capitalize }}` 来使用该过滤器。例如：

<template>
  <div>{{ message | capitalize }}</div>
</template>

<script>
export default {
  data() {
    return {
      message: 'hello world'
    }
  }
}
</script>

输出结果为：

Hello world