<div id="box">
<input type="button" value="加载aaa组件" @click="a='aaa'">
<input type="button" value="加载bbb组件" @click="a='bbb'">
<components :is="a"></components>
</div>
主要代码:
<components :is="组件的名称"></components>
var vm = new Vue({
el:'#box',
data:{
a:'aaa',
},
components:{
'aaa':{
template: '<h2>我的aaa组件</h2>',
},
'bbb':{
template: '<h2>我的bbb组件</h2>',
}
}
});