动态组件、Provide / Inject、异步组件

一、动态组件

有的时候，在不同组件之间进行动态切换是非常有用的，比如在一个多标签的界面里：

父组件：

<!-- 动态组件 -->

      <button @click="getComp('DynaA')">A</button>
      <button @click="getComp('DynaB')">b</button>
      <button @click="getComp('DynaC')">C</button>
      <div>
        <component :is="comp" />
      </div>

// 动态组件
      comp: "DynaA",

 // 动态组件
    getComp(comp) {
      console.log(comp);
      this.comp = comp;
    },

子组件：DynaA、DynaB、DynaC

DynaA.vue:

<template>
  is A
  <my-slot>{
  { msg }}</my-slot>
    &