vue 父子之间通信

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

父组件向子组件传递数据

下图是父组件代码


vue 父子之间通信_第1张图片
OUV7

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

下图是子组件代码


vue 父子之间通信_第2张图片
ECX9$)4`X1EGD8ES0CX78F1.png

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

子组件向父组件传递数据

下图是父组件代码


vue 父子之间通信_第3张图片
N0SA3STB%2$D8}$HNF4XR1S.png

下图是子组件代码

vue 父子之间通信_第4张图片
}132X$4J`{PBUA6X5`%_LCM.png

你可能感兴趣的:(vue 父子之间通信)