vue3 动态组件 里面的传值怎么版

Vue3 中动态组件的传值通常是通过 props (属性) 来实现的。当你需要在父组件中动态地创建并传递数据给子组件时，可以在父组件中定义一个对象，这个对象作为 prop 传递给子组件。例如：

<template>
  <div>
    <component :is="selectedComponent" :props="selectedProps"></component>
  </div>
</template>

<script>
import ChildComponentA from './ChildComponentA.vue';
import ChildComponentB from './ChildComponentB.vue';

export default {
  components: { ChildComponentA, ChildComponentB },
  data() {
    return {
      selectedComponent: 'ChildComponentA', // 可以动态切换
      selectedProps: { name: 'John' }, // 需要传递的数据
    };
  }
};
</script>

在这个例子中，`:is` 属性用于设置当前要渲染的子组件，而 `:props` 则是将数据绑定到特定组件的 props 上。当 `selectedComponent` 的值变化时，对应的子组件会被实例化，并且它的 `props` 将会按照 `selectedProps` 中的数据配置。