vue.js 数据渲染成功仍报错的问题

最近在做一个vue项目，用的是官方推荐的axios请求数据，数据结构是一级对象嵌套二级对象，发现一级对象数据渲染不报错，二级数据渲染报错。很是郁闷！data函数如下

 export default {        name: 'hello',        data() {            return {                card:{}             }        }     }

返回的数据如下：

{    "object":{        "subObject":"123",        ...    }}

报错的原因是在data函数return的card里没有二级对象.所以会报错；
解决办法是：

 export default {        name: 'detail',        data() {            return {                loading: false,                card:{},            }        },        created() {            this.fetchData();        },         methods: {            fetchData() {            this.loading = true;            let that=this;             this.ajax.get(url, {  params: { id: "yourId" } })                    .then(function (response) {                        that.loading = false;                    }, function (error) {                        console.log(error);                    })            }        }

然后在html中加上下面这句：

<template>    <div v-if="!loading">    <!----你的html代码------>    </div></template>

然后就不会报错了！希望对你有帮助！~溜了~~~