vue 电话号中间四位****代替

<template>
  <div>
    {{ phone | phoneLize }}
  </div>
</template>
<script>
  export default {
    name: 'index',
    data() {
      return {
        phone: '18790888888'
      };
    },
    // substr(0,3)表示从下标为零的开始截取  截取长度是3 
    // substr(7)表示从下标为7的开始截取
    filters: {
      // 第一种方法
      // phoneLize: function(value) {
      //   if (!value) return ''
      //   value = value.substr(0, 3) + '****' + value.substr(7)
      //   return value
      // }
      // 第二种方法
      phoneLize(value){
        let start = value.slice(0, 3)
        let end = value.slice(-4)
        return `${start}****${end}`
      }

      },
  };
</script>