Javascript Vue在同一组件中创建组件

我有一个快速的问题，我找不到答案。我有个问题

---

我有一个组件SelectForm.vue（它是一个带有按钮的表单），现在我想在这个SelectForm.vue组件中单击按钮，在它下面创建另一个SelectForm。是否可能？

创建一个包装器组件，显示所有

选择表单
组件。当在第一个表单上单击按钮时，
emit
a事件，在包装器中侦听它，并在那里创建一个新的事件

Vue.component('Wrapper', {
    template: `<div>
        <SelectForm v-for="(form, index) in numForms" @new="numForms++" />
    </div>`,
    data() {
        return {
            numForms: 1
        }
    }
})

Vue.component('SelectForm', {
    template: `<div>
        The Form<br />
        <button @click="$emit('new')">Duplicate</button>
    </div>`
});

new Vue({
    el: "#app"
})

Vue.component（'Wrapper'{
模板：`
`,
数据（）{
返回{
数值形式：1
}
}
})
Vue.component（'SelectForm'{
模板：`
表格

复制
`
});
新Vue({
el:“应用程序”
})

这里有一个
如果一个组件必须自己呈现，Vue允许递归组件