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