微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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"
}
// ...
}





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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐