Vue-Filter过滤器

1，自定义过滤器，使用过滤器

2，封装过滤器

——————————————————————————————————————

1.过滤器的使用（支持多层过滤）

• <div>
       时间:<span>{{data.showAt | TimeFilter}}</span>  //支持多层过滤
  </div>
  
  
  <script>
  
      //定义局部过滤器
       filters: {
           TimeFilter(data) {
              return ......
            }
         }
  
  ----------------------------------------------------
  
      //定义全局过滤器
      Vue.filter('TimeFilter', (data) => {    
        return ......      //过滤操作
      })
  
  
  </script>
  

2， 

//1,创建filters.js文件

export function TimeFilter(data) {   //时间
 
      return             //过滤操作
}
 


//2，main.js文件中引用

import * as filters from '地址'

//全局过滤器
Object.keys(filters).forEach(key => {

  Vue.filter(key, filters[key])

})