Vue-组件传值(祖传孙)

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

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

 

 

 

 

 

 

 

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

 

 

 

 

 

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