父传子:最简单也是最基础的一种数据传递方式
父组件:
![](https://img.haomeiwen.com/i4515774/0dec8fb8d93d0552.png)
父组件中调用子组件并将数据放入 datas 中传给子组件,子组件通过 props 进行调用。
子传父:
1、子组件调用父组件的方法:
父组件:
![](https://img.haomeiwen.com/i4515774/54b2f709d8dd1c6e.png)
子组件:
![](https://img.haomeiwen.com/i4515774/7545598abdeaec0a.png)
2、ref 形式:
在父组件中调用子组件 CarItem,并命名 ref 属性值为 changeState
![](https://img.haomeiwen.com/i4515774/de81450366e30284.png)
在父组件中合适的地方触发调用子方法的方法,然后开始与子组件通信,调用子组件中对应的方法。
![](https://img.haomeiwen.com/i4515774/72fbbb0306915f04.png)
子组件:
![](https://img.haomeiwen.com/i4515774/61e0a2c2456adb77.png)
同级组件数据传递:
1、以父级作为中介进行传递。
2、pub /sub
A组件:
![](https://img.haomeiwen.com/i4515774/694887ece8e28d1a.png)
B组件:
![](https://img.haomeiwen.com/i4515774/c6d9eba781c0bf42.png)
网友评论