SOURCE

console 命令行工具 X clear

                    
>
console
var ComponentA = {
    template: `<div>component a</div>`
};

var ComponentB = {
    template: `<div>component b</div>`
};


new Vue({
    el: '#root',
    data: {
        test: '测试动态组件',
    },
    components: {
        'component-a': ComponentA,
        'component-b': ComponentB,
    }
});
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>

<div id="root">
    {{ test }}
</div>