Composant parent (TestOne.vue) : le composant parent transmet le nom et la valeur de la propriété
<template>
<div>依赖注入练习</div>
<TestOneSon></TestOneSon>
</template>
<script setup>
import { provide, ref } from "vue"
import TestOneSon from "../components/TestOneSon.vue";
const aa = ref(10)
provide("info1", aa)
</script>
Composant enfant (TestOneSon.vue) : Le composant enfant injecte les propriétés et valeurs transmises par le composant parent
<template>
<div>{
{ info }}</div>
</template>
<script setup>
import { ref, inject} from "vue"
const info = inject("info1", "默认值")
</script>
résultat: