vue 定义全局过滤器

在根目录创建 filters 文件夹，在文件夹里创建 index.js 和 filter.js 文件。

filter.js

//金钱过滤器
const moneyFormat = (val) => {
	if (!val) return '0.00';
	return (val/100).toFixed(2);
}

export default { moneyFormat };

在 filter.js 定义好方法，使用 export default { } 将方法暴露出去。

index.js

import Vue from "vue";
//导入需要全局暴露的过滤器
import filters from "./filter";
//全局注册过滤器
Object.keys(filters).forEach(key => {
	Vue.filter(key, filters[key]);
});

引入 vue 进行全局注册，注意此时还不能使用，要在 main.js 文件里引入 filters 文件夹下的 index.js。

main.js

import "./filters/index.js";

此时就可以在项目里使用 filter.js 文件里定义的过滤器了。

<span>{{ 100000 | moneyFormat }}</span>//结果：1000.00