Vuex不会更新Vue的计算属性

在Vue中，计算属性是根据它所依赖的响应式数据进行动态计算的。而Vuex是用来管理全局状态的，它的状态变更是通过提交mutation来实现的。

当我们在Vuex中修改了某个状态时，计算属性不会自动更新，因为计算属性并没有依赖于该状态。为了解决这个问题，我们可以通过以下两种方式来实现计算属性与Vuex的状态更新的同步：

1. 使用辅助函数mapState：

import { mapState } from 'vuex';

export default {
  computed: {
    ...mapState(['count']),
    // 计算属性依赖于count状态
    doubleCount() {
      return this.count * 2;
    }
  }
}

2. 使用watch监听状态变化：

export default {
  computed: {
    // 计算属性依赖于count状态
    doubleCount() {
      return this.$store.state.count * 2;
    }
  },
  created() {
    this.$watch(
      () => this.$store.state.count,
      () => {
        // 状态变化时，重新计算计算属性的值
        this.$forceUpdate();
      }
    );
  }
}

以上两种方式都可以实现计算属性与Vuex的状态同步更新。当状态变更时，计算属性会自动重新计算并更新。