vue 父子之间通信

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

父组件向子组件传递数据

下图是父组件代码


OUV7

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

下图是子组件代码


ECX9$)4`X1EGD8ES0CX78F1.png

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

子组件向父组件传递数据

下图是父组件代码


N0SA3STB%2$D8}$HNF4XR1S.png

下图是子组件代码

}132X$4J`{PBUA6X5`%_LCM.png
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容