vue2.0组件之间传递数据

vue2.0组件之间传递数据

一,父向子

当父组件向子组件传数据的时候用这种方法比较简单。步骤为:

1,在子组件中声明props

在这里插入图片描述

2,在父组件中使用子组件时传入数据

在这里插入图片描述

二,组件之间

在组件之间如果两个组件之间的关系很远可以使用这种方法。

1,首先声明一个工具js命名为eventBus.js

在这里插入图片描述

在eventBus.js里面先导入vue在共享一个vue实例。

2,在发送方导入eventBus.js

在这里插入图片描述

使用.$emit方法传值。

3,在接收方使用on接收

在这里插入图片描述

on方法一般直接放在created里

posted @ 2022-07-19 20:23  智商不重要  阅读(51)  评论(0)    收藏  举报