基础用法
provide的选项:
- 一个对象或一个返回对象的函数(对象里的属性即需要传给子孙组件的属性)
inject的选项:
- 一个字符串数组,字符串值为provide返回的对象的key值
- 或者是一个对象,对象的key为provide返回的对象的key值
代码执行顺序
data->provide->created->mounted
provide 和 inject 绑定并不是可响应的。这是刻意为之的。
如何变成响应式的呢,再简单改一下
provide(){
return {
grandpaMsg:()=>this.message
}
},
拓展:你可以直接传一个this过去,这样孙子组件会获得爷爷组件的实例对象,这种方式也是响应式的
provide(){
return {
grandpaMsg:this
}
},