</template>
<script>
import provideChild from '@/components/provideChild'
export default {
components:{provideChild},
data () {
return {
fooObj:{
foo:5
}
}
},
//依赖注入传值
provide(){
return{
newFoo:this.fooObj
}
},
methods:{
add(){
this.fooObj.foo ++
},
}
}
</script>
//子组件provideChild
<template>
<section>
<div>我是子组件：{{newFoo.foo}}</div>
<childChild/>
</section>
</template>
<script>
import childChild from '@/components/childChild'
export default {
components:{
childChild
},
inject:['newFoo'],
mounted(){
console.log(this.newFoo)
},
}
</script>
//孙子组件childChild
<template>
<div>我是子组件的组件：{{newFoo.foo}}</div>
</template>
<script>
export default {
inject:['newFoo'],
}
</script>
这样我们就可以操作父组件的添加方法，得到子孙组件的响应
以上就是本次介绍的全部相关知识点，感谢大家的学习和对软件开发网的支持。
