Laravel 5 如何动态嵌套vue组件？

我想在用户单击按钮时将一个组件添加到另一个组件中。但是我们如何在虚拟dom中呈现组件呢。 我尝试过使用v-html，但它不起作用。 解决这个问题的最好办法是什么

导出默认值{
数据（）{
返回{
要素：{
酒店：''
},
}
},
方法：{
艾德酒店{
console.log（'add'）；
}
}
}

加酒店

我会通过

v-for

将数组（

hotels

）绑定到

组件标签。通过这种方式，最初不会呈现任何

酒店表单

组件，然后您可以将对象（包含要绑定到

酒店表单

组件的任何数据）推送到

酒店

数组，DOM将自动呈现新的相应

酒店表单

组件

下面是一个简单的例子：

Vue.component（'hotel-form'{
模板：“#酒店表格”，
道具：{id:Number，name:String}，
});
新Vue({
el:“#应用程序”，
数据（）{
返回{酒店：[]，计数：0}
},
方法：{
艾德酒店{
this.hotels.push（{name:'foo'，id:this.count++}）
}
}
});

加酒店
Form#{id}酒店
{{name}}
这是关于酒店列表还是可以包含其他组件类型的元素列表？它不是酒店列表，而是酒店表单组件包含用于添加新酒店的表单。因此，您的列表中有多个酒店表单？或者，当按下按钮时，为什么不切换表单的可见性？这是一个很好的方法，但我有多个表单用于酒店、航班和航班暂停等。这就是我想动态地做这件事的原因。有没有可能用vueOk实现这种行为？我明白了。您没有任何必须传递到表单的数据吗？