v-for与iview模态框的冲突

最近发现一个页面使用v-for然后再配合iview里面的Modal模态框后页面不显示的问题，代码示例如下：

<div>
    <div v-for="item in 10"></div>
    <Modal c-model="showBool"></Modal>
</div>

　　这样来写的话页面是没问题的，可以正常显示。

<div>
    <div v-for="item in list"></div>
    <Modal c-model="showBool"></Modal>
</div>

list = [{a:1},{:b:1}]

　　这种方式的话页面就不显示，v-for就不会执行，数据类型，都是正常的，但是页面就是无法显示，v-for不执行。

后来发现，把v-for所在的div外面再包裹一层div就不会出问题了：

<div>
    <div>
        <div v-for="item in list"></div>
    </div>
    <Modal c-model="showBool"></Modal>
</div>

list = [{a:1},{:b:1}]

　　具体为什么，暂时还不知道，望知道的大神告知下