其他分享
首页 > 其他分享> > Vue-组件传值(祖传孙)

Vue-组件传值(祖传孙)

作者:互联网

  祖孙之间的传值主要是靠祖组件的provide和孙组件的inject来进行传值,但是如果知识这两个的话就只能单向的由祖组件传给孙组件,而且值是无法通过控制台修改的,要是想弄成响应式的数据的话需要进行一系列的操作。

  首先我们先实现无法修改的

 

 

 

 

 

 

 

 到这里祖组件向孙组件的传值就完成了,但是这个传值是不能修改的,就算在控制台修改的话也无法修改完成,意思就是这个数据不是响应式的数据

 

 

 

 

 

 通过对祖组件的设计,就可以完成祖组件对孙组件传的值是响应式的数据,如果通过控制台修改祖组件传过去的值的话,孙组件收到的值也会改变

标签:祖传,Vue,响应,修改,的话,组件,控制台,传值
来源: https://www.cnblogs.com/forever-ljf/p/16671264.html