vue.js如何在一个组件中动态new另一个组件？

Question

我想在组件A中使用另外一个组件B

//组件A
Vue.component('A', {
    template: '<div><B></B></div>'
})

//组件B
Vue.component('B', {
    template: '<el-button>按钮</el-button>'
})

这样可以正确显示

但是当我想动态显示时候, 确显示不出来

//组件A
Vue.component('A', {
    template: '<div v-html="module"></div>'
     data:function() {
        return {
            module:'<B></B>',
        };
    }
})

这是为什么？？

Answer 1

使用vues.js的render渲染可以解决

Answer 2

你直接用 v-if 控制不就得了。

Vue是在运行的第一遍会编译模板。
动态插入的，Vue并不会编译成组件。

Answer 3

Vue下要用Vue的方式写东西

我觉得Vue就是模板确定一切