我们经常需要写多个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]));