vue中的依赖注入 provide 和 inject
Posted cuikaitong
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue中的依赖注入 provide 和 inject相关的知识，希望对你有一定的参考价值。
provide 选项允许我们指定我们想要提供给后代组件的数据/方法。在这个例子中，就是 <google-map> 内部的 getMap 方法：
provide: function () {
return {
getMap: this.getMap
}
}
然后在任何后代组件里，我们都可以使用 inject 选项来接收指定的我们想要添加在这个实例上的属性：
inject: [‘getMap‘]
示例// 父级组件提供 ‘foo‘
var Provider = {
provide: {
foo: ‘bar‘
},
// ...
}
// 子组件注入 ‘foo‘
var Child = {
inject: [‘foo‘],
created () {
console.log(this.foo) // => "bar"
}
// ...
}
依赖注入所提供的属性是非响应式
以上是关于vue中的依赖注入 provide 和 inject的主要内容，如果未能解决你的问题，请参考以下文章
vue3.0 依赖注入 provide()和inject()使用教程
vue3.0 依赖注入 provide()和inject()使用教程
vue3.0 依赖注入 provide()和inject()使用教程