## 使用[component标签]()实现动态组件 ~~~ <component :is='type'></component> ~~~ ~~~ <div id="app"> <component :is="type"></component> <button @click="handleClick">切换</button> </div> Vue.component('child-one',{ template:"<div>child-one</div>" }) Vue.component('child-two',{ template:"<div>child-two</div>" }) new Vue({ el:"#app", data:{ type:"child-one" }, methods:{ handleClick(){ this.type=(this.type =="child-one")?"child-two":"child-one" } } }) ~~~