Vuex中直接修改state的做法安全吗？

本文共计555个文字，预计阅读时间需要3分钟。

目录 + Vuex中能直接修改state吗？ + 在Vuex中，未经mutations能直接修改state中的数据吗？ + 为什么+ 在Vue中使用Vuex，修改state的值+ Vuex中能直接修改state吗？ + 当我们使用Vuex时，时不时能看到更新“+

目录

• vuex中能直接修改state吗
• 在vuex中，不经过mutations能直接修改state中的数据吗？为什么
• 在vue中使用vuex，修改state的值

vuex中能直接修改state吗

当我们使用vuex的时候，时不时能看到“更改Vuex中的store中的状态唯一办法就是提交mutations”，但是有没有试想过，我们不提交mutations其实也能修改state的值？答案是可以的

我们可以直接使用如下方式；

this.$store.state.num=666;

其中，这样修改的话，store中的state数据可以改变且是响应式，浏览器控制台并无报错信息输出，但是不建议这样做，原因如下：

官方文档中也有描述，如下：

开启严格模式，仅需在创建 store 的时候传入 strict: true； 在严格模式下，无论何时发生了状态变更且不是由 mutation 函数引起的，将会抛出错误。这能保证所有的状态变更都能被调试工具跟踪到。

所以，综上，我们能够得出结论，

使用commit提交状态修改是为了配合开发者工具使用，使得状态更好的被最终，保存状态快照，实现时间漫游／回滚之类的操作。