<template>
  <!-- 第三步使用 -->
  <ChildComponentA :name="name1"></ChildComponentA>
  <ChildComponentB :name="name2"></ChildComponentB>
  <ChildComponentC :name="name3"></ChildComponentC>
</template>

<script>
// 第一步 import
import ChildComponentA from "@/components/ChildComponentA.vue";
import ChildComponentB from "@/components/ChildComponentB.vue";
import ChildComponentC from "@/components/ChildComponentC.vue";

export default {
  // 第二步 注册
  components: {ChildComponentA, ChildComponentB, ChildComponentC},
  data() {
    return {
      name1: "组件A名称",
      name2: "组件B名称",
      name3: "组件C名称"
    }
  }
}
</script>

<style scoped>

</style>
