首先创建一个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>