作者：露絲瑪麗蓮夢露_533 | 来源：互联网 | 2023-01-29 19:27
1> Decade Moon..：
这是一个例子:
// MyFilter.js
import Vue from 'vue';
Vue.filter('myFilter', value => {
return value.toUpperCase();
});
// main.js
import './MyFilter.js';
如果您不想全局注册过滤器,可以这样做:
// MyFilter.js
export default function (value) {
return value.toUpperCase();
}
// MyComponent.vue
import MyFilter from './MyFilter.js';
export default {
filters: {
MyFilter,
},
};
2> clem..：
如果没有那么多过滤器，也可以在一个文件中定义它们：
// filters.js
export default {
filterA: () => {},
filterB: () => {},
}
并将它们导入全球：
// main.js
import filters from './filters';
for(let name in filters) {
Vue.filter(name, filters[name]);
}
实际上，导入过滤器的更好方法是：`Object.keys（filters）.forEach（key => Vue.filter（key，filters [key]）））它防止触发“后卫保护”规则来自ESLint。
京公网安备 11010802041100号