vue中的依赖注入 provide 和 inject

前端之家收集整理的这篇文章主要介绍了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"
}
// ...
}





依赖注入所提供的属性是非响应式

猜你在找的设计模式相关文章