vue filters全局注册和局部注册

1、全局注册（在main.js）

import * as filters from './filters' // global filters
Object.keys(filters).forEach(key => {
  Vue.filter(key, filters[key])
})

2、局部（组件里面）

filters: {
  statusFilter(status) {
    const statusMap = {
      published: 'success',
      draft: 'info',
      deleted: 'danger'
    }
    return statusMap[status]
  }
},

3、使用

   <span>{{'published'|statusFilter}}</span>

4、模板里的变量作为第一个参数。