W260426/16.vue3/project3/src/views/Attrs/GrandSon.vue

<template>
  <div>
    <h1 class="h-26 text-6xl">孙组件</h1>
    <h3 class="h-20 text-3xl">我收到了{{ news }}朵花</h3>
    <button @click="handleClick">给Father组件一些值</button>
  </div>
</template>

<script lang="ts" setup>
import { ref } from "vue";
let num = ref(0);
defineProps(["news"]);
const emits = defineEmits(["back"]);
const handleClick = () => {
  emits("back", 2);
};
</script>

<style lang="scss" scoped>
</style>