Vue JS-如何创建具有绑定的动态，异步，表单组件

Question

我正在从API获取表单，用另一个API的值替换关键字，然后将其作为html注入到Vue实例中，但显然没有任何绑定起作用。

理想情况下，我可以将此html作为组件的模板注入，然后将该组件添加到Vue实例中，然后使其与页面上已有的JS交互，但是我似乎无法使其正常工作。任何指针表示赞赏。

现在，我正在尝试设置一个临时组件，然后在创建新组件时替换它，但是Vue刚坏了。

HTML：

<div id="vue-container">
    <component v:is="default"></component>
</div>

JS：

changeComponentFucntion: function() {
    //get all html for form 


Vue.component("test", {
    template: '<div>Test</div>',
       data: function () {
           return {
               items: [1, 2, 3]
           };
       }
    });

    vm.currentView = "test";
}