vue自定义过滤器

首先创建一个filter/filter.js文件 这个文件主要是写了过滤器实现的方法，然后export进行导出。function filterOne(n){return n + 10;}function filterTwo(n){return n + 5;}export{filterOne,filterTwo}然后在...

首先创建一个filter/filter.js文件
这个文件主要是写了过滤器实现的方法，然后export进行导出。

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

然后在mian.js中注册使用

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

在组件中使用

<p>{{test | filterOne}}</p>