Provide / Inject

用于在组件树中传递数据的机制，它们允许祖先组件将数据注入到后代组件中，而不需要通过 props 层层传递。

当父组件通过 provide 提供一个响应式数据源时，任何使用 inject 注入该数据源的子组件都会自动接收到更新后的数据

TIPS ：你如果传递普通的值 是不具有响应式的 需要通过ref reactive 添加响应式

传递：

<script setup>
import { provide } from 'vue';

provide('message', 'Hello from Parent');
</script>

接受：

<script setup>
import { inject } from 'vue';

const message = inject('message');
</script>