vue3provide

在Vue3中，provide函数用于在父组件中导出数据，而inject函数用于在子组件中导入数据。通过provide和inject的配合使用，可以实现父组件向子组件传递数据的功能。具体使用方式如下所示：

在父组件中，使用setup函数，并在其中调用provide函数导出数据。例如：

// A.vue
setup() {
  const info = reactive({ name: 'Tony', age: 99 })
  provide('userInfo', info) // 导出数据
}

在子组件中，同样使用setup函数，并在其中调用inject函数导入数据。例如：

// C.vue
setup() {
  const info = inject('userInfo') // 导入数据
}

通过这样的方式，子组件C.vue就可以获取到父组件A.vue中导出的数据。注意，provide和inject函数需要在setup函数中使用，并且需要在同一个组件层级中进行数据传递，无需经过其他组件层级。
#### 引用[.reference_title]
- *1* *2* [Vue3 理解 provide / inject 的作用、使用](https://blog.csdn.net/cookcyq__/article/details/121619003)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [vue3中的provide](https://blog.csdn.net/ice_stone_kai/article/details/131672067)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]