将道具动态传递给VueJS中的动态组件

我有一个动态的观点:

<div id="myview">
  <div :is="currentComponent"></div>
</div>

与关联的Vue实例:

new Vue ({
  data: function () {
    return {
      currentComponent: 'myComponent',
    }
  },
}).$mount('#myview');

这使我可以动态更改组件。

就我而言,我有三个不同的部分组成:myComponentmyComponent1,和myComponent2我像这样在它们之间切换:

Vue.component('myComponent', {
  template: "<button @click=\"$parent.currentComponent = 'myComponent1'\"></button>"
}

现在,我想将道具传递给myComponent1

将组件类型更改为时,如何传递这些道具myComponent1