Vue中定义全局过滤器

定义过滤器格式化方法 tools/filters.js

// 格式化方法
function currencyFormat(value, symbol = '￥') {
  return symbol + value;
}

// 导出多个
export { currencyFormat }

在main.js中批量注册全局过滤器

import *  as filters from './tools/filters';
// 注册全局过滤器
Object.keys(filters).forEach(key => {
  Vue.filter(key, filters[key])
})

过滤器的使用

// 在文本插值中的默认使用
{{ currency | currencyFormat }}   // 结果：￥12.7

// 传参的方式
{{ currency | currencyFormat('$') }}  // 结果: $12.7