vue-cli工作中如何自定义一个过滤器？

文件结构：

.
├── src
│   ├── filter
│   │    ├── filter.js
│   │    
│   └── main.js
└── ...

filter/filter.js：

这个文件主要是写了过滤器实现的方法，然后export进行导出。

function filterOne(n){
    return n + 10;
}
function filterTwo(n){
    return n + 5;
}
export{
    filterOne,
    filterTwo
}

 main.js：

// 找 filter/filter.js
import * as filters from './filter/filter.js'
//遍历所有导出的过滤器并添加到全局过滤器
Object.keys(filters).forEach((key) => {
  Vue.filter(key, filters[key]);
})

在 .vue 组件下使用（需要用到该过滤器的页面）

{{test | filterOne}}