为什么vue实例中有数据，但是页面显示没有数据（$set 和直接赋值的差异）

如题，这样的情景会出现在的地方：

当双大括号里面使用函数或者计算属性的时候又嵌套了接口请求

就可能出现，该双大括号里面的值不会在页面显示出来，原因 就是该数据获取的值，是在页面加载完毕过后了，这个时候如果你用vue Devtools工具去看，其实是拿到了数据，但是页面没有重新加载。

解决：

用$this.$set来进行赋值就可以了。用法如下

对象操作：

　三个参数：this.$set("改变的对象"，"改变的对象属性"，"值")

数组操作：

　 三个参数：this.$set("数组"，"下标"，"值")