區域性過濾器（放在元件裡）

filters: { //區域性過濾器
      FormattingMoney:value=>{
        return value==null? '0' : value/100
      }
},

使用：{{money | FormattingMoney}}

全域性過濾器（放main.js）

Vue.filter("ellipsis", (str, maxLen) => {
  return str.length > maxLen ? str.slice(0, maxLen) + "..." : str;
})

使用：{{title | ellipsis(20)}}

注：第一個引數預設為要過濾的值

當專案所用到的過濾器比較多時，把方法定義在一個js檔案裡面匯出
/src/common/custom.js

let FormattingMoney = value => {
  return value==null? '0' : value/100
}
export { FormattingMoney }

/src/main.js

import * as custom from './common/custom'

Object.keys(custom).forEach(key => {
  Vue.filter(key, custom[key])
})

然後在其他的.vue 檔案中就可愉快地使用這些我們定義好的全域性過濾器了

{{ money | FormattingMoney }}