Vue 3-如何更改多个chid组件之一的数据？

Question

我有一个Vue 3项目，其中我有一个父组件加载其他组件，然后加载另一个加载另一个组件。

给你一个想法，我有一个按钮组件。在一组数字中多次添加该按钮，该组数字进入一张卡，该卡进入主视图组件。

So 4级：

• 带有X卡的父主视图组件（在本例中，我只有一个）

我在Number组件上有一个绑定的var，它通过true或false将其设置为活动或不活动。

我想在我的中设置一个函数

这有意义吗？

我在想我是否需要使用emit或者只是vuex数据存储中的状态数据。但是我对如何从主父4级以上的组件中识别特定的按钮组件（多次使用）有点困惑...

（事实上，我想在那里添加另一种类型的按钮组件来激活它，打开或关闭所有其他按钮——但我认为，如果我理解如何从一个组件中的一个函数中访问另一组组件中的变量将解决我的问题...（

让我知道这是否有意义，如果你能帮助我。

请随时向我指出Vue 3文档，我一直在尝试找到解决方案，但我不确定要查找到哪里，因为我使用的是

任何小小的帮助都很感激。非常感谢！




Answer 1

谢谢@马特。我最终使用Vuex变量作为数组。

然后在我的按钮组件中，我的

const isPicked = computed(() => {
  return store.state.session.btnsPicked.find(
    (i) => i === props.btn
  )
})

所以我的组件变量现在对Vuex状态值做出反应。