vue 父子之间通信

2017-10-25  本文已影响0人  崔高云

最近事情真的是太多了,没有时间来记录学习vue的过程,今天刚好我值夜班,趁这个时候记录下学到的知识。
在使用vue开发项目的时候,免不了会遇到父子之间进行通信,那么父子之前是怎么通信的呢?

父组件向子组件传递数据

下图是父组件代码


OUV7

在子组件上添加一个属性,属性值就是要穿入的值

下图是子组件代码


ECX9$)4`X1EGD8ES0CX78F1.png

在子组件上注册props并接收父组件传入过来的值

子组件向父组件传递数据

下图是父组件代码


N0SA3STB%2$D8}$HNF4XR1S.png

下图是子组件代码

}132X$4J`{PBUA6X5`%_LCM.png
上一篇 下一篇

猜你喜欢

热点阅读