vue3-动态组件的要点

<!--动态组件-->
<!--缓存,只缓存about和home组件-->
<keep-alive exclude="about"  >
  <component
      :is="currentTab"
      v-bind="msg">
  </component>
</keep-alive>

这里的v-bind:is绑定的就是子组件的名称

keep-alive标签可以让子组件再切换时能够缓存,不被销毁

keep-alive标签的exclude和include属性可以指定哪个子组件生效或者不生效

exclude和include属性的正则表达式形式和数组形式需要用v-bind来区分