vue动态组件整理

通过使用保留的 <component> 元素，动态地绑定到它的 is 特性，我们让多个组件可以使用同一个挂载点，并动态切换：

Html里面的代码：<component v-bind:is="currentView"></component>

Vue实例的代码：

var vm=new Vue({
    el:'#vm',
    data:{
      currentView:'index'//可以相应的改变currentView得值
    },
    methods:{
    },
    components:{
        home:{
            template:"<h3>能这样写吗</h3>"
        },
        index:{
           template: "<h2>能吗</h2>"
        }，

        pageTwo:{/...../}
    }
})

如果把切换出去的组件保留在内存中，可以保留它的状态或避免重新渲染。为此可以添加一个keep-alive 指令参数;