在动态创建的div里面根据不同条件放不同组件

我在js中动态创建了一个div
现在想要根据不同情况，在这个div里面放不同的vue组件

我现在的代码是：

createDiv() {
   let viewDiv = document.getElementById('view')
   let divBox = document.createElement("div");
   let targetEle = this.createCons(1)

   divBox.appendChild(targetEle)
   viewDiv.appendChild(divBox);
}


createCons(eleId){
    let node = document.createElement('div')
    if(id ==1) {
       node.innerHTML =  '<ceshi-base/>'
    }
    return node
}

我用的是innerHTML,标签出现了，但是并没有真正放进去，页面上还是空值

你放了个自定义组件标签，页面上怎么可能会显示呢。HTML不认识啊