Vue.js Vue子组件没有'；当道具改变时是否重新播放？

在我的应用程序中，当状态随时间变化时，我使用vuex来管理组件状态 vuex突变，子组件没有重新启动。 以下是我在CodeSandbox上的代码：

当我在蓝色区域中单击header以将项目添加到红色区域时，该变异有效。但当我单击edit按钮时，header组件中的computed属性没有更改

---

有人可以帮我吗？

在您的“变异

编辑”字段中

您应该使用

Vue.set

来检测数组中的更改：

   editField(state, { index }) {
      let update = state.formFieldList[index];
      Vue.set(state.formFieldList, index, {
        name: update.name,
        schema: {
          ...update.schema,
          edit: true
        }
      })
    },

检查Vue文档-