动态组件

动态组件是让多个组件使用同一个挂载点，并动态切换。动态组件是 Vue 的一个高级用法，但其实它的使用非常简单。keep-alive 是 Vue 的内置组件，能在组件切换过程中将状态保存在内存中，防止重复渲染 DOM。

动态组件的使用

动态组件是通过 Vue 的 <component> 元素加一个特殊的 is attribute 来实现，在不同组件之间进行动态切换

src/views/Home.vue

<template>
  <div>
    <!--4、定义两个按钮，通过点击按钮切换 currentTab 的值-->
    <button @click="currentTab = 'Child1'">1号</button>
    <button @click="currentTab = 'Child2'">2号</button>

    <!--5、使用动态组件 component，将当前需要展示的组件名通过变量 currentTab 绑定到 co...