vue之间传值

一、父子传值

用props,父组件中传值自组件中用props收

父组件:                    

子组件:

其中用cellData在父组件中传出去,在子组件中用props接受

总结一下:

1、子组件在props中创建一个属性,用以接收父组件传过来的值
2、父组件中注册子组件
3、在子组件标签中添加子组件props中创建的属性
4、把需要传给子组件的值赋给该属性
 

二、子组件给父组件

 

总结一下:
1、子组件中需要以某种方式例如点击事件的方法来触发一个自定义事件
2、将需要传的值作为$emit的第二个参数,该值将作为实参传给响应自定义事件的方法
3、在父组件中注册子组件并在子组件标签上绑定对自定义事件的监听

三、兄弟之间传递

总结:

  • 创建一个事件总线,例如demo中的eventBus,用它作为通信桥梁
  • 在需要传值的组件中用bus.$emit触发一个自定义事件,并传递参数
  • 在需要接收数据的组件中用bus.$on监听自定义事件,并在回调函数中处理传递过来的参数

猜你喜欢

转载自blog.csdn.net/weixin_41143293/article/details/84946335
今日推荐