vue2组件跨层级数据共享provide 和 inject

在 Vue 2 中，provide 和 inject 的功能也是可以使用的，虽然在 Vue 3 中它们成为了组合式 API 的一部分。在 Vue 2 中，provide 和 inject 主要是用于祖先组件和后代组件之间的数据共享，而不是通过 props 和 emit 逐层传递。

Vue 2 中的 provide 和 inject

在 Vue 2 中，provide 和 inject 是 Vue 实例的一部分，可以在选项对象中的 data、methods、computed 或 created 等生命周期钩子中使用。

1. 祖先组件（提供数据）

在 Vue 2 中，祖先组件可以使用 provide 来提供数据。

// Parent.vue
export default {
   
   
  provide() {
   
   
    return {
   
   
      sharedData: 'Hello from parent' // 提供数据
    };
  },
  created() {
   
   
    console.log('Parent created');
  }
}