vue3.0中provide,inject的使用
1.需要父组件将要下发的值暴露出去
//父组件parent
<script setup lang="ts">
import {reactive,provide} from 'vue';
//定义一个响应式对象
let obj = reactive({
name:"tom",
age:14
})
//通过provide下发
provide("parentObj",obj)
</script>
2.如果子组件或者孙子组件或者更深层次的组件想要获得父组件下发的值parentObj需要通过inject注入使用
//子组件children
<script setup lang="ts">
import {inject} from 'vue'
const parentObj= inject("parentObj")
console.log(parentObj)
</script>