vue3基础入门以及常用api使用-provide和inject

      **方便props多层级透传**

有一些多层级嵌套的组件，形成了一棵巨大的组件树，而某个深层的子组件需要一个较远的祖先组件中的部分数据。在这种情况下，如果仅使用 props 则必须将其沿着组件链逐级传递下去,这样使用也很麻烦，这时候就可以使用provide和inject

//祖先组件中使用provide
<script setup>
import { provide } from 'vue'
provide(/* 注入名 */ 'age', /* 值 */ '11')
//例子
provide('age', '11')
</script>

//子组件中用inject使用父组件提供的值
<script setup>
import { inject } from 'vue'
const age = inject('age')
console.log('age', age)  //输出 11
</script>