将数据作为对象从动态组件传递到父组件

<template>
  <div>
    <dynamic-component :data="dynamicData"></dynamic-component>
  </div>
</template>

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

export default {
  components: {
    DynamicComponent
  },
  data() {
    return {
      dynamicData: {
        name: 'John',
        age: 25
      }
    };
  }
};
</script>

<template>
  <div>
    <p>Name: {{ data.name }}</p>
    <p>Age: {{ data.age }}</p>
  </div>
</template>

<script>
export default {
  props: {
    data: {
      type: Object,
      required: true
    }
  }
};
</script>