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