Vue.js 二次获取数据界面数据不更新

场景：

vue2 项目，第一次获取接口 A，返回数据 M；

{
    a:1,
    b:2,
    c:3,
}

然后根据返回数据 M 再获取【接口 B】，拿到数据 N；

{
    c:300,
    d:200
}

界面情况：N 数据中 c 可以更新，但是d不显示；（如果配置了热加载，并且此时改动代码并保存，界面d会开始渲染）

解决方法

是因为 d 开始时候就没有声明的原因；

在开始就声明，或者在第一次获取数据 M 时候就直接手动写了d, 后面再修改的时候，就会开始变化的；

合理做法

向写普通 JS 一样，所有用到的数据，都提前声明；按照规范书写；