vue 2.0 自定义 filter 并挂载到全局使用

vue 2.0 开始，取消默认 filter, 需要自定义。

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

所以我们就来将定义的 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>