Vuex Store仅更新单个组件而非全部的问题排查求助

核心问题完全出在你的Vuex Mutation实现上，咱们一步步拆解修复：

1. Mutation参数完全写错了 #

Vuex的mutation函数第一个参数必须是当前Store的state对象，你这里把参数名写成type完全搞混了逻辑——type其实是mutation的名称（比如你调用的update），但函数内部第一个参数永远是Store的state实例。

2. 错误的state赋值导致响应式失效 #

你写的state = Object.assign(type, payload)犯了两个致命错误：

• 用了错误的参数type去做合并，相当于根本没修改真正的Store state；
• 就算参数正确，直接给state变量重新赋值（state = xxx）会断开Vue的响应式追踪——Vue的响应式是绑定在原始state对象上的，替换整个对象引用的话，组件之前的依赖就感知不到新对象的变化了。

正确的Store代码 #

把你的Vuex Store改成下面这样：

var dataStore = new Vuex.Store({
  state: {
    consumer_id: undefined,
    some_other_data: 0
  },
  mutations: {
    update(state, payload) {
      // 正确做法：将payload属性合并到原始state对象，保持引用不变
      Object.assign(state, payload);
      // 如果你只想针对性更新consumer_id，也可以写得更明确：
      // if (payload.consumer_id !== undefined) {
      //   state.consumer_id = payload.consumer_id;
      // }
    }
  }
});

为什么之前的现象这么奇怪？ #

• 当MultiSim修改consumer_id时，它自己的computed会因为set操作触发，主动重新调用get获取state值，所以看起来同步了，但实际上Store的state并没有被正确做响应式更新；
• 当Sim修改时，Store的state可能被错误代码“意外”修改了，但响应式系统没绑定到新的state引用，MultiSim的computed依赖没触发更新，所以显示旧值——而你手动取this.$store.state.consumer_id能拿到新值，是因为Store里的state确实变了，只是组件的响应式追踪断了。

修复后的效果 #

修正mutation后，不管是MultiSim还是Sim修改consumer_id，所有依赖$store.state.consumer_id的组件computed属性都会自动更新，完全不需要强制更新的hack——Vuex的响应式系统会自动处理所有同步工作。

内容的提问来源于stack exchange，提问作者Darkstarone