我有两个 Vue.js 父组件。
在一个组件中，它显示可用名称列表，哪些是其子组件，而在另一个组件中，它显示已选择的名称列表。
我想做的是，当我单击可用名称时，它应该对该组件隐藏并在另一个组件中显示它。如果我从选定的列表中删除它，它应该出现在可用列表中。
但这两个组成部分是完全不相关的。我该怎么做？
选项 1
创建vuex存储：
https://vuex.vuejs.org/guide/
这将允许您在组件之间共享信息。
Vuex 是 Vue.js 应用程序的状态管理模式 + 库。它充当应用程序中所有组件的集中存储
选项 2
使用称为event bus的东西：
https://blog.logrocket.com/using-event-bus-in-vue-js-to-pass-data-between-components/
使用此方法，您可以在一个组件中创建事件并在另一个组件中捕获它们，并且它们不必具有父/子关系。
选择哪个选项取决于您的喜好，您必须确定哪个最适合您。