使用场景

当组件嵌套过多，而且所有组件都需要使用根组件(包括但不限于)的某一些内容时（数据或方法），使用依赖注入会比普通的传值更加方便

使用

// 官方示例
// 依赖注入一个getMap方法
provide: function () {
  return {
    getMap: this.getMap
  }
}

然后在任何子组件里，我们都可以使用 inject 选项来接收指定的我们想要添加在这个实例上的属性：

inject: ['getMap']

相比于$parent，选择依赖注入的好处

使用依赖注入可以让我们免于暴露整个根组件信息，具体有两点

祖先组件不需要知道哪些后代组件使用它提供的属性
后代组件不需要知道被注入的属性来自哪里

vue依赖注入
改一个官网的例子类似于react的context，后代组件要用声明一下就行， 2,并不是响应式的如图，改变msg，...
vue 依赖注入
vue中的依赖注入 provide 和 inject provide选项允许我们指定我们想要提供给后代组件的数据/...
vue 依赖注入
使用场景当组件嵌套过多，而且所有组件都需要使用根组件(包括但不限于)的某一些内容时（数据或方法），使用依赖注入会...
vue的依赖注入
使用场景当组件嵌套过多，而且所有组件都需要使用根组件(包括但不限于)的某一些内容时（数据或方法），使用依赖注入会比...
Vue 依赖注入使用 Provide 和 Inject
使用 provide 和 inject 的 Vue 依赖注入对于构建 Vue 插件或避免钻取 prop（在层次结构...
开源项目的依赖注入
开源项目的依赖注入依赖注入概念依赖注入(DI:Dependency Injection): 依赖注入方式: B...
Vue依赖注入学习
父组件使用provide方法，返回要注入的data数据或方法子组件或者孙子组件等，使用inject来接收
【Vue3.0】- 依赖注入
问题：子孙组件如何共享数据 vue2.x提供 provide 选项 vue3.0可以使用provide API 祖...
Vue privide 和inject 依赖注入的用法
1、vue privide 和inject 依赖注入的用法2、privide 和inject实现表单验证组件（案例...
vue实现不刷新整个页面刷新数据
vue实现无刷新加载数据，使用的技术是依赖注入关键字为provide inject在App.vue中然后在...