前段時間做開發的時候用mqtt監聽了服務端信息，推送過來的數據要變更數組裏面的對象的數據，修改好後但是頁面並沒有更新，因為javascript機制，vue並不能檢測到數組變化，也是查閱知道了$set()函數,

具體用法：

　　arr.$set(index, { name : value }), index: 索引，name: 數組中對象的屬性名, value: 要賦給屬性的值

this.footerList.$set(i, {
    siteId : monitorSiteData[j].siteId,
    outNum : monitorSiteData[j].outNo,
    bookNum : monitorSiteData[j].preorderNo,
    useNum : monitorSiteData[j].availableNo,
    onlineNum : monitorSiteData[j].prepareNo,
    homeNum : monitorSiteData[j].inNo,
    name : self.footerList[i].name
});這是我在項目中使用的情況，完美解決vue數組中對象屬性改變頁面不刷新的問題！
請大家多多指教

關於vue數組中對象屬性變更頁面沒重新渲染的問題