vue2 provide inject

在Vue2中，`provide`和`inject`可以用于父组件向子组件传递数据。父组件通过`provide`选项提供数据，并在子组件中使用`inject`选项接收数据。例如，在父组件中可以这样写：

export default {
  provide: {
    info: "提供数据"
  }
}

而在子组件中可以这样接收数据：

export default {
  inject: ['info'],
  mounted() {
    console.log("接收数据：", this.info) // 输出：接收数据：提供数据
  }
}

通过`provide`和`inject`可以实现父子组件之间的数据传递。在Vue2中，`provide`和`inject`不具备响应性，即当数据发生改变时，子组件不会自动更新。如果需要实现响应性，可以使用Vue的响应式系统，例如在Vue2中使用`Vue.observable`。<em>1</em><em>2</em><em>3</em>
#### 引用[.reference_title]
- *1* *2* *3* [vue中provide 和 inject 的用法](https://blog.csdn.net/zoukunyang/article/details/130111757)[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^v92^chatsearchT3_1"}} ] [.reference_item]
[ .reference_list ]