Vue.js中如何实现filters的复用？

Question

例:
文字超长后的(ellipsis)省略号, 金额后的(unit)货币单位, 百分比数字后的(percent)百分号?

求解:
vue.js 2有什么复用方案可用?

Answer 1

可以挂载到全局 Vue.filter | API — Vue.js。
用法如下：

Vue.filter('NumberFormat', function (value) {
  if (!value) {
    return '0'
  }
  let intPartFormat = value.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,')
  return intPartFormat
})

new Vue({
  router,
  store,
  ...

Answer 2

Mixins

https://v2.vuejs.org/v2/guide...