vue 获取json数据的某个属性成功，却报错

Question

使用vue获取豆瓣电影的某个电影详细信息，数据已经获取成功，average属性也在页面上显示成功，但是控制台却报错。

Answer 1

因为获取数据是异步的，而当你模板挂载完后，你的数据还没获取到，导致detail.rating.average没定义

比较好的方式是你在data中就定义好你在模板中有引用到的值

data() {

    detail: {

        rating: {

            average: ''

        }

    }

}