非父子组件之间的传值

非父子组件之间的传值需要借助于事件车,通过事件车的方式传递数据。
1.首先创建一个bus.js文件,作为中间站,不然组件之间达不到传值的效果。

在这里插入图片描述

import Vue from ‘vue’
export default new Vue()

2.在数据产生的组件中引入bus.js文件。
在这里插入图片描述
吧数据放到bus.sj中间站中。
在这里插入图片描述

3.从中间站中把数据取出来。取值的组件同样需要必须引入bus.sj文件。
在这里插入图片描述
只要上个组件把数据放到中间站中,当前组件只要触发这个事件就能够或的数据了。

这里取数据的key我目前理解为类似于Map中的key,传输的数据为Map中的value。

新手入门!!!!!!!!!!!!!!!!!!!!勿喷

猜你喜欢

转载自blog.csdn.net/qq_34940644/article/details/89206341
今日推荐