Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vue.js 不相关组件之间的事件Vuejs_Vue.js_Vue Component - Fatal编程技术网
Fatal编程技术网
  • vue.js/
  • Vue.js 不相关组件之间的事件Vuejs

Vue.js 不相关组件之间的事件Vuejs

vue.js

Vue.js 不相关组件之间的事件Vuejs,vue.js,vue-component,Vue.js,Vue Component,我有两个Vue.js父组件 在一个组件中，它显示作为其子组件的可用名称列表，在另一个组件中，它显示已选择的名称列表 我想做的是，当我单击一个可用的名称时，它应该隐藏在该组件中，并显示在另一个组件中。同样，如果我从一个选中的列表中删除它，它应该会出现在可用列表中 但这两个部分是完全不相关的。我如何才能做到这一点？选项1 创建vuex存储： 这将允许您在组件之间共享信息 Vuex是Vue.js应用程序的状态管理模式+库。它充当应用程序中所有组件的集中存储 选择2 使用事件总线： 使用此方法，您可以在

我有两个Vue.js父组件

在一个组件中，它显示作为其子组件的可用名称列表，在另一个组件中，它显示已选择的名称列表

我想做的是，当我单击一个可用的名称时，它应该隐藏在该组件中，并显示在另一个组件中。同样，如果我从一个选中的列表中删除它，它应该会出现在可用列表中

但这两个部分是完全不相关的。我如何才能做到这一点？

选项1 创建vuex存储：

这将允许您在组件之间共享信息

Vuex是Vue.js应用程序的状态管理模式+库。它充当应用程序中所有组件的集中存储

选择2 使用事件总线：

使用此方法，您可以在一个组件中创建事件，并在另一个组件中捕获它们，并且它们不必具有父/子关系

选择哪个选项取决于您的偏好，您必须确定哪个最适合您。

选项1 创建vuex存储：

这将允许您在组件之间共享信息

Vuex是Vue.js应用程序的状态管理模式+库。它充当应用程序中所有组件的集中存储

选择2 使用事件总线：

使用此方法，您可以在一个组件中创建事件，并在另一个组件中捕获它们，并且它们不必具有父/子关系

选择哪个选项取决于您的偏好，您必须确定哪个最适合您。

阅读