如何使动态对象属性可用于子组件中的v-for内的父组件

<template>
  <div>
    <button @click="addProperty">添加属性</button>
    <button @click="removeProperty">删除属性</button>
    <child-component :data="dynamicData"></child-component>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue';

export default {
  components: {
    ChildComponent
  },
  data() {
    return {
      dynamicData: {} // 动态对象属性
    };
  },
  methods: {
    addProperty() {
      // 添加属性
      this.$set(this.dynamicData, '属性名', '属性值');
    },
    removeProperty() {
      // 删除属性
      this.$delete(this.dynamicData, '属性名');
    }
  }
};
</script>

<template>
  <div>
    <div v-for="(value, key) in data" :key="key">
      {{ key }}: {{ value }}
    </div>
  </div>
</template>

<script>
export default {
  props: {
    data: Object // 接收父组件传递的数据
  }
};
</script>