vue2.0设置初始对象数据为空时会报错

Question

问题描述：

在data中定义了一个初始对象字段如下：

data(){

    return {

        orderDetail: {}

    }

}

通过ajax获取数据后直接赋值给orderDetail。

在实际数据中orderDetail中还包含一个子对象payInfo，payInfo中包含一个属性payFinishTime在页面中展示：

{{orderDetail.payInfo.payFinishTIme}}

这种写法在vue1.0中没有问题，但是在vue2.0中会报错，如下图：

实际页面展示没有问题，因为获取的数据赋值给orderDetail后会更新。

如果初始设置成如下，就不会有报错：

data(){

    return {

        orderDetail: {

            payInfo: {}

        }

    }

}

我在官方文档中1.0到2.0的迁移中没有看到相关内容，那么在2.0中子对象属性也必须定义吗？

Answer 1

想想AJAX调用之前的这个插值的内心独白是：我也很想有个payInfo啊，所以——要么在初始化时提供完整的结构要么添加必要的v-if