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

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