首页 > 代码库 > vue学习之父组件与子组件之间的交互

vue学习之父组件与子组件之间的交互

1.父组件数据传给子组件

父组件中的msgfather定义数据

技术分享

在之组件中通过设置props来取得希望从父组件中获得的值

技术分享

通过设置这两个属性就可以从父组件传数据到子组件

2.子组件传数据给父组件(这里只介绍$emit)

触发child-tell-me事件,并传参 "this is child message!"

技术分享

在父组件会找到child-tell-me方法并执行。

 

vue学习之父组件与子组件之间的交互