在VueJS + Vuex中从父组件访问动态组件中的数据

<template>
  <div>
    <component :is="dynamicComponent" :data="dynamicData"></component>
    <button @click="fetchData">获取数据</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dynamicComponent: 'DynamicComponent',
      dynamicData: null
    };
  },
  methods: {
    fetchData() {
      // 通过异步操作获取数据
      // 假设获取到的数据为response
      this.dynamicData = response.data;
    }
  }
};
</script>

<template>
  <div>
    <p>{{ data }}</p>
    <p>{{ $store.state.someState }}</p>
  </div>
</template>

<script>
export default {
  props: ['data'],
  mounted() {
    console.log(this.data); // 输出父组件传递的数据
    console.log(this.$store.state.someState); // 访问Vuex中的状态数据
  }
};
</script>