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渲染可以解决