vue中如何优雅的添加多个filter

我们经常需要写多个filter并绑定到Vue上。那么如何快速的把全局的filter一次性绑定到Vue上呢。

如果是用vue-cli创建的项目，会有一个src文件夹，在src下新建一个filters文件夹，内部创建index.js来存放我们项目中所有的filter。

// index.js:
const formatTime = function (val) {
    ... 
}

const formatNum = function (val) {
    ... 
}

export default {
	formatTime,
	formatNum 
}

回到main.js中，引入filters。

// main.js
import filters from './filters/index';
...
Object.keys(filters).forEach(k => Vue.filter(k, filters[k]));