在vue项目中注册多个过滤器

1. 新建一个全局过滤器文件vfilters.js

/**
 * @date 2020-11-06
 * @Description: 全局过滤器
 */
const vfilter={
    money:function (str) {
        return (Number(str).toFixed(2)+"").replace(/(\d{1,3})(?=(?:\d{3})+(?!\d))/g,'$1,');
    }
};

export default vfilter;

2. 将该文件引入项目中，注意必须在创建 Vue 实例之前全局定义过滤器

import vfilter from '@/utils/vfilters'

for(let key in vfilter){
    Vue.filter(key,vfilter[key]);
}

new Vue({
  // ...
})

3. 使用

<!-- 在双花括号中 -->
 <div>{{je|money}}</div>
 <!-- 在 `v-bind` 中 -->
<div v-bind:id="rawId | money"></div>