provide vue 响应式_Vue provide inject 怎么实现数据响应式

官网给出实例，说本身是不支持数据响应式的， 但是可以传入响应式数据，那么provide,inject就可以实现响应式。

我这里理解应该没错哈

我自己写的demo,做了如下更改

parent 页面：export default {

provide(){

return {foo:this.fonnB}

},

data(){

return {fonnB:'old word'}

}

created() {

setTimeout(()=>{

this.fonnB="new words"; // 这种跟新，仅仅foonB变化了，foo没有变化

this._provided.foo="new words";

//这种更新 foo变化了，但子组件获得的foo 依旧是old words

console.log( this._provided)

},1000)

},

}

child页面：export default {

inject:['foo'],

data(){

return {chilrfoo:this.foo}

}

}

通过上面2个方法，经过验证，子组件页面都没办法实现响应更新this.foo的值。

求解释，谢谢