Provide 和 Inject
基本使用
在一般的情况下,父组件想要把数据传递给子组件,使用的都是props
。但是如果父组件想要把数据传给孙组件甚至更深层级的后代组件,props
就会显得十分繁琐,这时候就要用到我们的Provide
和Inject
了。
这里我定义了三个组件,分别是fatherCom
,sonCom
,grandsonCom
在父组件里面加上provide
,用来定义传给后代组件的数据,孙组件(后代组件)里面添加inject
数组,再往数组里面添加相应的变量名,用来接收父组件provide
传过来的数据。
页面如下,孙组件正常显示父组件传来的值:
上面所举的例子只是最简单的,假如我们需要吧父组件data()里面的数据传给孙组件(后代组件)呢?应该怎么