【vue】vue全局过滤器

有些自定义过滤函数有在全局使用的需求

1.src目录下新建common文件用于存放公共js文件，common中新建filters.js用于自定义过滤函数集

2.main.js中注册该filters

//main.js注册全局filters
import filters from './common/filters';
Object.keys(filters).forEach(k => Vue.filter(k, filters[k]));

3..vue页面中使用

<img
   :src="item.cover|filterImgurl"
   :alt="item.title"
   class="cover"
>　　

以上3步就是全局过滤器的使用方式。