您现在的位置是:首页 > Javascript
当前栏目
vuex中能直接修改state吗?
2023-03-31 11:00:42 时间
当我们使用vuex的时候,时不时能看到“更改Vuex中的store中的状态的唯一办法就是提交mutations”,但是有没有试想过,我们不提交mutations其实也能修改state的值?答案是可以的
我们可以直接使用如下方式;
this.$store.state.num=666;
其中,这样修改的话,store中的state数据可以改变且是响应式,浏览器控制台并无报错信息输出,但是不建议这样做,原因如下:
官方文档中也有描述,如下:
开启严格模式,仅需在创建 store 的时候传入 strict: true; 在严格模式下,无论何时发生了状态变更且不是由 mutation 函数引起的,将会抛出错误。这能保证所有的状态变更都能被调试工具跟踪到。
所以,综上,我们能够得出结论,
使用commit提交状态修改是为了配合开发者工具使用,使得状态更好的被最终,保存状态快照,实现时间漫游/回滚之类的操作。
然后前端面试中面试官也有可能会问到相关问题?=》请问可以直接修改vuex中的state的数据吗?这个时候小伙伴们就应该知道怎么回答了。
相关文章
- 前端工程师如何打发闲余时光?
- 从无到有(统计、请求、MVC、模块化)H5开发须知
- 页面可视化搭建工具的前生今世
- 18个最好的响应式Web设计工具和库
- 每位Web设计师不可错过的20套Material设计资源
- 前端代码异常日志收集与监控
- 观点:Gartner只是否定Hadoop一体化平台模式
- PHP 和 Node.js 的10项对比挑战
- 为什么整个互联网行业都缺前端工程师?
- PHP vs Node.js 深入讨论
- 看看各大科技公司都是如何使用CSS的
- 来携程第一次当面试官的一点儿感想(面试前端)
- HTML中创建优雅表格八大JS工具不能缺
- Java UrlRewrite 实现网站URL重写过程实录
- WebViewJavascriptBridge-Obj-C和JavaScript互通消息的桥梁
- 从架构演进的角度聊聊Spring Cloud都做了些什么?
- SELinux 入门
- 如何快速部署Node.js项目
- 早该知道的7个JavaScript技巧
- 详解JavaScript中的this