vue动态加载的数组数据改变但是页面不变

今天项目中遇到一个问题：vue动态加载的数组console出来了，但是页面中并没有改变，经过好长时间蔡解决，特此记录一下。

原因

原因是vue监听不到数据类型特别复杂的属性。若data中数据类型较为复杂，方法methods中改变对象的属性，页面并不会改变。

解决

可以使用this.$set()来进行强制更新，进而解决问题。

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

以及相关的this.$set的使用方法简介：https://www.jianshu.com/p/6f28f5abee08