vue 报错："TypeError: Cannot read property 'list' of undefined"

Question

如下父组件代码，其中res一开始是
data:{
res:{}
}，
后面在mounted时，异步请求成功回调将数据赋给res，然后一运行就报错，但是数据还是能成功渲染出来，为什么？？：

 <template>
     <div v-if="res.data.list" v-for="item in res.data.list">
         <lists v-bind="item" :title="markBlue(item.title)"
                                    :description="markBlue(item.description,'摘要：')" :searchkeyword="keyword"></lists>
     </div>
 </template>

Answer 1

你首先res.data就没有值啊，把判断条件改一下吧，v-if="res.data && res.data.list"

Answer 2

因为你页面在刚渲染的时候，你异步请求还没完成呢，所以你直接res.data就是你的初值undefined。

建议直接在data里面定义list:[],然后模板里直接v-for:list就行。