vue项目定义全局过滤器

1. 定义过滤器函数
2. main.js中引入所有的过滤器函数
3. 在各个组件中调用

1.新建filters.js文件，将需要全局定义的过滤器定义，并导出

export default{
    
    
   low(value){
    
    
   return value.charAt(0).toLowerCase()+value.slice(1);    
    } ,
    upper:function(value){
    
    
        return value.charAt(0).toUpperCase()+value.slice(1);    
    }
}

2.main.js引入过滤器，并将过滤器中所有的全局函数进行引入。

import filters from './filters'
//全局filter
Object.keys(filters).forEach(k => {
    
    
  　　Vue.filter(k, filters[k])
  })

3.调用过滤器

  <div>{
   
   {msg|upper}}</div>
  <div>{
   
   {msg2|low}}</div>