这是我在Vue开发工具中的商店：

这是我的Vue组件：

<template>
  <div>
      <div
        v-for="product in allProducts"
        :key="product._id"
      >
        {{ product.brand }}
      </div>
  </div>
</template>
<script>
import { mapGetters } from "vuex";
export default {
  data() {
    return{
      allProducts:[],
    }
  },
  computed: {
    ...mapGetters(["allProducts"])
  },
  mounted() {
    this.$store.dispatch("getProducts");
  }
};
</script>

如果我使用这个：
{{allProducts}}
我得到了所有的产品。
但是当尝试循环时：

<div
        v-for="product in allProducts"
        :key="product._id"
      >
        {{ product.brand }}
      </div>

显示不出来。
拜托，我该怎么做？