Javascript 如何在VueJS中来回传递数据

Javascript 如何在VueJS中来回传递数据,javascript,vue.js,vue-component,Javascript,Vue.js,Vue Component,我是Vue的新手,我已经编写代码好几个星期了。我不确定我是否做对了,但这就是我如何将数据从一个组件传输到另一个组件: 红色箭头流可以工作,但在连接组件中处理红色箭头数据后,我不知道如何以绿色箭头发送数据 我想要的是在运行测试组件(红色框)中触发一个单击事件,然后将数据发送到连接组件(绿色框)进行处理。处理完成后,连接组件将数据发送回运行测试组件以更新状态。简单的解决方案是使用自定义全局事件总线,或者您可以使用vue.js的状态管理插件vuex,我知道,当你处于困境时,它可能会让你不知所措。你是

我是Vue的新手,我已经编写代码好几个星期了。我不确定我是否做对了,但这就是我如何将数据从一个组件传输到另一个组件:

红色箭头流可以工作,但在连接组件中处理红色箭头数据后,我不知道如何以绿色箭头发送数据


我想要的是在运行测试组件(红色框)中触发一个单击事件,然后将数据发送到连接组件(绿色框)进行处理。处理完成后,连接组件将数据发送回运行测试组件以更新状态。

简单的解决方案是使用自定义全局事件总线,或者您可以使用vue.js的状态管理插件vuex,我知道,当你处于困境时,它可能会让你不知所措。你是否看到从
运行测试
索引页
的红色箭头,你也可以这样做。i、 e在父组件中创建事件,并从子组件发出该事件。有关其他解决方案的更多信息,请参见此:1:
事件总线
,2:emit/listen on
$root
,3:uses
vuex
@Sphinx是正确的-这些都是合适的解决方案。但最终你可能会发现Vuex的一切都是那么简单。我建议你花点时间学习Vuex。这将使它更容易。