通过使用保留的 <component> 组件，动态地绑定到它的 is 属性，我们让多个组件可以使用同一个挂载点，并动态切换,多组件之间实现tab切换。
<component v-bind:is="currentView"></component>
<script>
? var vm = new Vue({
??? el: '#root',
??? data: {
????? currentView: 'home'
??? },
??? components: {
????? home,
????? posts
??? }
? })
</script>
?
- keep-alive
如果把切换出去的组件保留在内存中，可以保留它的状态或避免重新渲染。
<keep-alive>
??? <component :is="currentView"></component>
????? include 写在此属性中的组件将缓存????? 白名单? 包含
????? exclude 写在此属性中的组件将不缓存??? 黑名单? 排除
</keep-alive>
<script>
? var vm = new Vue({
??? el: '#root',
??? data: {
????? currentView: 'posts'
??? },
??? components: {
????? home,
????? posts
??? }
? })
</script>
?
?
?