关于vue获取到了数组但是无法在页面上遍历的问题

先说解法：

在遍历的外部包裹一层v-if，确定已经获取到数据了再遍历

    <div v-if="areaList.length">
      <div class="cabinet_box" v-for="(item,index) in areaList" :key="index">
        {{item}}
      </div>
    </div>

在页面上也可以正常渲染{{areaList}}，但是无法遍历，  在控制台打印出的是：

[{…}, __ob__: Observer]

这个，导致我被误导了