In order to be iterable, non-array objects must have a [Symbol.iterator]() method.

VUE开发时，遇到如下错误

In order to be iterable, non-array objects must have a [Symbol.iterator]() method.

查询了很多资料，有以下几点说法：

1、查询的数据没有默认值，导致无法正确循环。

2、循环数组的key值不存在引起，修改key值

3、封装的组件和页面中的初始值是否有null值

通过以上方法，都没有解决！

经过长期努力，终于找到个解决办法，但是很令人意外啊~~~~

解决方法如下：

在代码中

<template>
    //在内容外面增加一个根节点
    <div class="home-container">
        <el-card class="box-card">
            ......
        </el-card>
    </div>
</template>