vuex中不通过commit Mutation更改store的数据会不会有什么问题?

Question

vuex 官网建议通过commit mutation 来改变store里的数据，但在实际项目中不方便，因为需要改变的状态太多，要写好多个方法来commit很麻烦 ，所以我就通过js给store里面的state数据增加了path路径然后把path绑定到需要改变状态的标签上，在需要改变状态时候获取path，并通过eval("this.$store.getters.PhysicsData" + path + ".ifCollection=" + true );来改变store里面的数据状态，现在效果达到了，但心里老赶脚方方的，，，想问下各位大神，这样修改store会有什么弊端吗？

Answer 1

Mutation

更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。Vuex 中的 mutation 非常类似于事件：每个 mutation 都有一个字符串的 事件类型 (type) 和 一个 回调函数 (handler)。

严格模式

在严格模式下，无论何时发生了状态变更且不是由 mutation 函数引起的，将会抛出错误。这能保证所有的状态变更都能被调试工具跟踪到。

首先你这种做法肯定是错误的，你这样做只会更复杂。
你说需要改变的状态太多，需要写多个 mutation 来 commit 很麻烦，你可能对 mutation 有什么误解

你完全可以这样做来达到同样的效果：

const store = new Vuex.Store({

  state: {

    allSmallChapter: [],

  },

  mutations: {

    saveCollection(state, payload) {

      const { index, ifCollection } = payload;

      state.allSmallChapter = state.allSmallChapter.map((item, itemIndex) => {

        if (itemIndex === index) {

          item.ifCollection = ifCollection;

        }

        return item;

      });

    },

  },

});

this.$store.commit('saveCollection', {

  index: 0,

  ifCollection: true,

});

Answer 2

Veux的mutations是很重要的一点，就是把处理数据逻辑方法全部放在mutations里面，使得数据和视图分离；

如果按照你那样做却是可以实现目的，但是在健壮性、可读性、维护性上来说不建议这样做的。如果你的同事或者下一位填坑的人不懂你的想法，是不是得一脸懵逼的到处骂人

Answer 3

刚才看了下，那种方式也能被vue调试工具跟踪到，就是可读性不高，代码没你这么看着舒服，我再考虑下项目中是否可以改成这种方式，谢谢了