在vue中引用公共过滤器filter

在实际项目开发中，在某一组件中声明的全局过滤器Vue.filter并不能在其他组件中使用，所以，我认为只要调用两次以上或者可能会被调用两次以上的过滤器，就应该写入统一个过滤器文件中，方便统一调用。下面是如果创建并调用统一的过滤器的方法：

1.在公用js文件夹中新建文件filters.js

2.在filters.js中使用es6写法写入（因为我用的是vue-cli，自带babel组件一套，可以自动转换es6写法到es5，所以不用考虑兼容性）

[javascript]  view plain  copy

1. let formatDate = time => {  
2.     if(time){  
3.         return time.slice(5,16)  
4.     }  
5. }  
6. export { formatDate }  

3.找到main.js引入

[javascript]  view plain  copy

1. import * as filters from './assets/js/filters.js'  
2.   
3. Object.keys(filters).forEach(key => {  
4.     Vue.filter(key, filters[key])  
5. })  

4.在组件中使用

[javascript]  view plain  copy

1. <h2>时间：<span>{{createTime | formatDate(createTime)}}</span></h2>  

我这个是制作了一个时间截取的过滤器，比较简陋，真正厉害的应该是输入格式自动返回对应时间，但是我这暂时没必要这么做，根据项目需求自定义即可。

其实这种简单的截取字符串直接在标签上写入也可以，这只是举个例子