vue父子组件传值,以及监听传值(超级详细)

vue最常用到的就是父子之间的传值了,下面我来详细说一下。

1.父组件传值给子组件(父传子,子直接props接收就可以,就像王位继承)

父组件中:
在这里插入图片描述
在这里插入图片描述
子组件中:
vue父子组件传值,以及监听传值(超级详细)_第1张图片

vue父子组件传值,以及监听传值(超级详细)_第2张图片
到这里父传子的工作就做完了

2.子组件给父组件传值(子传父,下级向上级汇报需要自己主动发送,也就是事件发射)

子组件中:
vue父子组件传值,以及监听传值(超级详细)_第3张图片
父组件中:
在这里插入图片描述

在这里插入图片描述
结束
希望对你有所帮助,可以手敲试试!

你可能感兴趣的:(vue2.0,vue)