vuejs 组件怎么按需加载？

Question

vuejs 多页应用（暂时不使用router），也就是说我的组件是通过Vue.component()创建的，
现在我有两个组件，是通过用户来选择加载的组件，
例如：

共有两个组件分别是：A组件和B组件
默认A组件，用户选择B组件后，
缓存cookies组件key，
重新加载页面时读取cookies加载对应组件，
**那么请问如何用正确的姿势加载和销毁组件**？

---

new Vue({
    el:'#app',
    components:{
        aComponents:a,
        bComponents:b
    },
    template:''
})

Vue.component('a',{
    template:'<a></a>'
})

Vue.component('b',{
    template:'<button></button>'
})

Answer 1

<component v-bind:is="XXX">
</component>

具体参考VUE官方API动态组件

Answer 2

路由懒加载