vuejs 在状态改变时更新所有组件

Question

我使用 vuex 进行状态管理。假设我有 n 个组件使用 vuex 访问数据。所有 n 个组件都在使用该状态并已绑定到视图。所以我想知道component1是否改变了状态，比如说删除一个特定的元素，我怎样才能触发n-1个组件来更新具有相关状态的视图。是否可以使用计算函数完成，或者是否有其他更有效的方法来更新具有对应状态的视图。

亲切的问候。

Answer 1

使用计算

正如您提到的，干净的方法是使用计算属性。在函数中，您可以访问this.$store.state 并根据n 更改组件n+1 的行为。

包括行动变化

另一种方式是您的操作只会触发元素 n 和 n+1 的突变。

样式相关更改

顺便提一下，当你想要一个组件有条件地显示或设置样式时，通常在修改后的组件n上设置一个类并使用基于该类的条件样式来设置样式n+1就足够了。