vue小白一枚來求解，代碼是這樣的
組件.vue

<template>
  <div class="top-ad-section" v-bind:class="{ show: isShowAdStatus }"></div>
</template>

<script>
export default {
  mounted() {
    setTimeout(() => {
      console.log(this.$store.getters.getTopAdStatus, 'before lllll');
      this.$store.dispatch('toggleTopAd');
      console.log(this.$store.getters.getTopAdStatus, 'after');
    }, 200);
  },
  computed: {
    isShowAdStatus() {
      return this.$store.getters.getTopAdStatus;
    }
  }
};
</script>

這段代碼要實現(xiàn)的功能是：
在組件加載200ms后改變store中的state的值，使用this.$store.dispatch('toggleTopAd')來改變，這個值可以用this.$store.getters.getTopAdStatus取到，這時候打印出的值是正確的state里的值，可是并沒有體現(xiàn)在視圖里，不知道是哪里寫的有問題了

小白一枚，求大神指點。
以前寫react的時候主要用mobx做狀態(tài)管理，感覺vuex的狀態(tài)管理至少在形式上是跟redux更接近的？