vue 动态component动态props

可以通过给动态组件绑定一个对象作为 props，来实现动态传递 props。具体步骤如下：

1. 在动态组件上使用 v-bind 指令，将 props 绑定为一个对象，例如：

<component v-bind:is="componentName" v-bind="componentProps"></component>

其中，componentName 是动态组件的名称，componentProps 是一个对象，包含了需要传递的 props。

2. 在父组件中，动态设置 componentProps 对象的属性值，例如：

data() {
  return {
    componentName: 'my-component',
    componentProps: {
      propA: 'valueA'
    }
  }
},
methods: {
  // 点击按钮后，动态设置 propB 的值
  handleClick() {
    this.componentProps.propB = 'valueB';
  }
}

这样，当父组件渲染动态组件时，componentProps 对象中的所有属性都会被作为 props 传递给子组件。同时，当父组件中的数据改变时，动态设置 componentProps 对象的属性值，就可以实现动态传递 props。