VUE自定义过滤器写法和全局挂载

在根目录src下新建common文件，存放公用方法

在common文件下新建filter.js

例如
  /**
   * 电话过滤器，中间4位*
 * @param {String} tel
 */
function filtPhone(tel) {
  if (tel) {
    tel = tel.split("");
    tel.splice(3, 4, "****");
    return tel.join("");
  } else {
    return ""
  }
}


export const Filters = {
  filtPhone: filtPhone
}

在main.js挂载

// 过滤器
import {Filters} from './common/filters.js'

for (let key in Filters) {
  Vue.filter(key, Filters[key])
}

使用

{{userInfo.telephone | filtPhone}}