关于VUE数据变化视图不更新的解决方案

问题描述：

在项目开发中，经常使用到异步请求获取数据，我们在获取数据后更新页面数据时会发现控制台数据已经改变，但是视图页面并没有变化

export default {
   
  data() {
   
    return {
   
      obj:[
          {
   a:1,b:2},{
   c:3,d:4}
      ]
    };
  },
  created(){
   
    //   模拟异步改变数据
      setTimeout(()=>{
   
          this.obj[1].e=5
          console.log("对象值已改变",this.obj)
      },1000)
  },
};

这里我们会发现数据已经改变，但是视图并没有发生变化

原因分析：

问题原因请查阅Vue官方文档——深入响应式原理