W260426/16.vue3/project3/src/views/Provide-inject/Father.vue

<template>
  <div>
    <h1 class="h-26 text-6xl">Attrs</h1>
    <h3 class="h-16 text-4xl">我有{{ flower }}朵花</h3>
    <button @click="sendMain">给出去</button>
    <hr class="h-15" />
    <hr class="h-15" />
    <Child></Child>
  </div>
</template>

<script lang="ts" setup>
import { ref, provide } from "vue";
import Child from "./Child.vue";
let flower = ref(10);
provide("x", { flower });
</script>

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