Vue.js 二次获取数据界面数据不更新
   1 分钟阅读

场景:

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

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

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

{
    c:300,
    d:200
}

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

解决方法

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

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

合理做法

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