技術標籤：VUEvuefilters

1、新建filters資料夾

2、寫入方法（例如：手機號脫敏）

3、main.js引入

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

4、頁面中使用

data() {
    return {
      number: '1234444321',
      formatNumber: ''
    }
  },

直接使用

<div>{{ number |
 
 formatPhone }}</div>

mounted或者方法中進行操作

mounted() {
    this.formatNumber = this.$options.filters.phoneFormat(this.number)
  }