在vue3中定义filter

创建filter.ts文件

// filter.ts
import { App } from 'vue';
import YourFilterFile from './yourFilterFile';

export default (app: App): void => {
  app.config.globalProperties.$filters = {
    filter
  };
};

在main.ts中引入filter

// main.ts

import filter from 'filter.ts';

*******

filter(app);
app.provide('$filter', app.config.globalProperties.$filters);

*******

在页面中引用

// page.vue

<template>
    <div>
        {{ $filters(some params) }}
    </div>
</template>

<script lang='ts' setup>
******
const filter = inject('$filters')

// some function
function some(){
    filter(some parmas);
}
******
</script>