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

Question

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

亲切的问候。

Answer 1

使用计算

正如您提到的，

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

包括动作上的变化

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

与样式相关的更改

仅需提一下，当您希望对组件进行条件显示或样式设置时，通常足以在修改后的组件n上设置一个类，并使用基于该类的条件样式来设置{{1 }}。