而自定义之后每次在需要使用的组件内引用也确实蛮麻烦的。

所以我们就来将定义的 filter 挂载到全局使用。

vue2.0 filter 相关文档

  • 定义
  • 引用
  • 挂载
  • 使用

/src/filters/

  • format.js
export default function(val){
    ...
}
  • index.js
import format from "./format";

export default{
  format: format,
}

/src/

  • main.js
...

import commonFiltes from './filters/index'

Object.keys(commonFiltes).forEach(function (key, index, arr) {
  Vue.filter(key, commonFiltes[key]);
})

...

/src/components/

  • xxx.vue
<template>
...
<div>{{ data | format }}</div>
</template>
<script>
...
</script>