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 指令參數;