vue3 使用 filter

在 Vue3 中，可以使用 `createApp` 函数的 `config.globalProperties` 属性来定义全局过滤器。具体步骤如下：

1. 在 `main.js` 中定义过滤器函数：

   const app = createApp(App)
   
   app.config.globalProperties.$filters = {
     // 定义过滤器函数
     toUpperCase(value) {
       return value.toUpperCase()
     }
   }
   
   app.mount('#app')

2. 在组件中使用过滤器：

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

在上面的例子中，我们定义了一个名为 `toUpperCase` 的过滤器函数，并将其挂载到了全局属性 `$filters` 上。在组件中，我们可以通过 `|` 符号来使用该过滤器。