vue動態加載的數組數據改變但是頁面不變

今天項目中遇到一個問題：vue動態加載的數組console出來了，但是頁面中並沒有改變，經過好長時間蔡解決，特此記錄一下。

原因

原因是vue監聽不到數據類型特別復雜的屬性。若data中數據類型較為復雜，方法methods中改變對象的屬性，頁面並不會改變。

解決

可以使用this.$set()來進行強制更新，進而解決問題。

對象操作：
　三個參數：this.$set("改變的對象"，"改變的對象屬性"，"值")
　
數組操作：
　 三個參數：this.$set("數組"，"下標"，"值")

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