使用v-for循环失效,不添加正常显示,添加了不报错,不显示,求

使用v-for后不显示,也不报错


<template>
  <div>
      <div class="box"  v-for="(v,i) in arr" :key="i">
          <div class="box1">
        <img src="@/assets/himg/4.png" alt="">
        <p class="p1">1</p>
        </div> 
        <div class="box2">
          <p class="box-p1">万象新生</p>
        <p class="box-p2">今日阅读:<span>15</span>&nbsp;&nbsp;&nbsp;&nbsp;讨论:<span>14.9</span></p>
      </div>
      </div>
     
  </div>
</template>

<script>

export default {
    data(){
        return {
            arr:[1,2,3]
        }
    },
    created(){
        console.log(this.arr)
        this.$store.dispatch("vuexaxios");
        this.arr=this.$store.dispatch("vuexaxios")
        console.log(this.arr.data)
    }
}
</script>

具体什么错误呢?