vue2 vuex 根据路径对对象的增删改

在Vue 2和Vuex中，可以使用Vue.set和Vue.delete来根据路径对对象进行增删改操作。以下是一个示例：

首先，在Vuex的mutations中定义相应的函数来处理对象的增删改操作：

// 在mutations中定义一个函数用于增加对象属性
addProperty(state, payload) {
  Vue.set(state.object, payload.path, payload.value);
}

// 在mutations中定义一个函数用于删除对象属性
deleteProperty(state, path) {
  Vue.delete(state.object, path);
}

// 在mutations中定义一个函数用于修改对象属性
updateProperty(state, payload) {
  Vue.set(state.object, payload.path, payload.value);
}

然后，在组件中可以通过调用this.$store.commit来触发对应的mutation函数，并传递相应的payload对象或路径作为参数：

// 增加对象属性
this.$store.commit('addProperty', { path: 'object.property', value: 'new value' });

// 删除对象属性
this.$store.commit('deleteProperty', 'object.property');

// 修改对象属性
this.$store.commit('updateProperty', { path: 'object.property', value: 'updated value' });

这样就可以根据路径对对象进行增删改操作了，使用Vue.set和Vue.delete方法可以确保响应式更新。记得在mutations中使用这两个方法来操作对象属性。