Vue 项目中添加全局过滤器

可以在.vue文件中定义局部使用的过滤器

export default{

　　data(){

　　　　return []
　　},

　　filters:{

　　　　toUpperCase:function(value){

　　　　　　return value.toUpperCase();
　　　　}　　
　　}

}

如果希望所有的.vue文件都可以使用就可以注册全局过滤器

　　Vue.filter('toUpperCase',function(value){

　　　　return value.toUpperCase();
　　});　　

如果过滤器比较多，可以把所有的过滤器统一写在一个js文件中，再在main.js文件中引入

filter.js

let toUpperCase=value=>{

　　return value.toUpperCase();
}
let toLowerCase=value=>{

　　return value.toLowerCase();
}

export {toUpperCase,toLowerCase}

main.js

import * as filters from 'filter.js'

Object.key(filters).each(filter=>{

　　Vue.filter(filter,filters[filter]);

});