定义过滤器格式化方法 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