Vue中filter注册

1、直接进行全局注册，在main.js中引入，写在另外的文件中

filter.js文件

exports.getCountry = (value) =>{
    switch (value){
        case 'CN':
    return 'China'
        case 'EN'
    return 'England'
    }
}

main.js

import filters from '路径/filter.js'

    for (let k in filters){
        Vue.filter(k,filters[k])
    }

 

2、直接在main.js中或者在组件中注册

在main.js中注册的是全局的，组件中可以直接调用

在组件中注册一些使用频率不高且大概率仅在当前页面组件下使用的 

组件中自行注册
export default{
     filters:{
         filter1(val){
            return val;  
        }
     }
}

3、写在filter.js文件中，不在main.js中进行全局注册，仅在使用组件中进行注册

在使用组件中引入，

可以当方法使用，

import后直接在HTML部分filter名（变量名）

也可以直接import后

filters:{

filter名字

} 

在HTML部分，直接{{变量名 | filter名}}