过滤vue中的JSON对象以计算新的对象

<template>
  <div>
    <p>原始对象：{{ originalObject }}</p>
    <p>过滤后的对象：{{ filteredObject }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      originalObject: {
        name: 'John',
        age: 25,
        gender: 'male',
        occupation: 'engineer'
      }
    };
  },
  computed: {
    filteredObject() {
      // 过滤掉原始对象中的age属性
      const { age, ...filtered } = this.originalObject;
      return filtered;
    }
  }
};
</script>

<template>
  <div>
    <p>原始对象：{{ originalObject }}</p>
    <p>过滤后的对象：{{ originalObject | filterObject }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      originalObject: {
        name: 'John',
        age: 25,
        gender: 'male',
        occupation: 'engineer'
      }
    };
  },
  filters: {
    filterObject: function(value) {
      // 过滤掉原始对象中的age属性
      const { age, ...filtered } = value;
      return filtered;
    }
  }
};
</script>