VIP32/vue3/my_Module/src/components/$attrs/GrandFather.vue

<template>
  <div class="grandFather">
    <h1>祖父</h1>
    <h3>{{ a }}</h3>
    <h3>{{ b }}</h3>
    <h3>{{ c }}</h3>
    <h3>{{ d }}</h3>
    <Father :aa='a' :bb="b" :cc="c" :dd="d"></Father>
  </div>
</template>

<script setup name="GrandFather4" lang="ts">
import Father from './Father.vue';
import {ref} from 'vue';
let a = ref(1);
let b = ref(2);
let c = ref(3);
let d = ref(4);

</script>

<style scoped>

.grandFather {
  width: 900px;
  height: 900px;
  background: yellowgreen;
  margin: 0 auto;
}
</style>