在商店中，我有一個更新一些數(shù)據(jù)的操作，該操作如下所示：setRoomImage({ state }, { room, index, subIndex, image }) {      state.fullReport.rooms[room].items[index].items[subIndex].image = image;      console.log(state.fullReport.rooms[room].items[index].items[subIndex])    },因?yàn)樗羞@些數(shù)據(jù)都是動態(tài)的，所以我必須動態(tài)更改嵌套值并且不能直接對屬性進(jìn)行硬編碼。數(shù)據(jù)如下所示：fullreport: {    rooms: {        abc: {          items: [            {              type: "image-only",              items: [                {                  label: "Main Image 1",                  image: ""                },                {                  label: "Main Image 2",                  image: ""                }              ]            }          ]        }      }}當(dāng)我分派動作時，在控制臺中我可以看到子屬性的值image已成功改變，但是如果我從 Chrome 中的 Vue DevTools 訪問 VueX 存儲，我看到該值在那里沒有改變。這是控制臺輸出：拜托，有人能告訴為什么會這樣嗎？據(jù)我所知，數(shù)據(jù)正在成功更改，但不知何故狀態(tài)沒有顯示它，因此我的組件不會重新渲染。我也嘗試使用Vue.set而不是簡單的賦值，但仍然沒有運(yùn)氣:(Vue.set(  state.fullReport.rooms[room].items[index].items[subIndex],  "image",   image );編輯：按照David Gard 的回答，我嘗試了以下操作：我也在使用 Lodash _（我知道制作對象的整個副本不好），這是變異代碼塊。let fullReportCopy = _.cloneDeep(state.fullReport);fullReportCopy.rooms[room].items[index].items[subIndex].image = image;Vue.set(state, "fullReport", fullReportCopy);現(xiàn)在在計(jì)算屬性中，它state.fullReport是一個依賴項(xiàng)，我有一個console.log只要重新計(jì)算計(jì)算屬性就會打印出一個字符串。每次我提交這個變更時，我都會看到計(jì)算屬性記錄字符串，但它接收的狀態(tài)仍然沒有改變，我猜Vue.set只是告訴計(jì)算屬性狀態(tài)改變了，但它實(shí)際上并沒有改變它。因此，我的組件的 UI 沒有變化。