vuex直接修改state 与用dispatch／commit来修改state的差异

使用 vuex 修改 state 时，有两种方式：

可以直接使用 this.$store.state.变量 = xxx；
this.$store.dispatch(actionType, payload) 或者this.$store.commit(commitType, payload)

共同点：

能够修改state里的变量，并且是响应式的（能触发视图更新）

不同点：

若将 vue 创建 store 的时候传入 strict: true，开启严格模式，那么任何修改state的操作，只要不经过mutation的函数，vue就会报错。想详细了解报错原因，可以前往这里。

使用 dispatch 和 commit 的区别在于，前者是异步操作，后者是同步操作，所以一般情况下，推荐直接使用commit，
即 this.$store.commit(commitType, payload)，以防异步操作会带来的延迟问题。

使用commit提交到mutation修改state的优点：

vuex 能够记录每一次state的变化记录，保存状态快照，实现时间漫游／回滚之类的操作。

结论：官方推荐最好设置严格模式，并且每次都要commit来修改state，而不能直接修改state，以便于调试等。

vuex直接修改state 与用dispatch／commit来修改state的差异相关推荐

修改git历史提交的commit信息
本文是基于idea的操作,亲测可用前言: 很多公司都会自定义 Git - 使用强制策略,那么他的commit信息就会有固定的格式,一旦不是这个格式,就会出现push失败但是push失败,很多也只在 ...
修改git已提交的commit中提交者的用户名和邮箱
如下图中,将已经提交的commit中,用户名jincheng-demo,jincheng-demo01,以及邮箱jincheng@test.com, 修改为正确的用户名:jincheng,正确的邮箱: ...
通过 $ git commit --amend 修改 commit 的 message
$ git commit --amend 代码场景 --amend 代码场景在提交代码的时候,commit 的时候 -m 后的 msg 写错了 $ git commit --amend -m '新的 ...
git commit --amend 修改最近一次提交
修改上一次提交的代码如果您使用的 Gerrit 管理的代码,不必 abandon 本次提交,不必 reset,直接修改出问题的文件, 修改好代码之后执行 git commit -a --amend ...
如果多个用户同时修改同一客户记录,而且先后提交修改,Oracle 怎样保证该客户记录...
如果多个用户同时修改同一客户记录,而且先后提交修改,Oracle 怎样保证该客户记录首先你要了解什么叫做 "事务 transcation " :一个事务包含一个或多个DML语 ...
git 查看修改明细_git查看某个文件的修改历史
有时候在比对代码时,看到某些改动,但不清楚这个改动的作者和原因,也不知道对应的BUG号,也就是说无从查到这些改动的具体原因了- [注]:某个文件的改动是有限次的,而且每次代码修改的提交都会有commi ...
如何修改gitLab远程服务器登录密码以及修改gitLab网站用户密码
文章目录一.修改gitLab远程服务器登录密码二.修改gitLab网站用户密码一.修改gitLab远程服务器登录密码以usercloud为例子: 这里是修改登录服务器密码: 首先登录上自己的远 ...
Linux shell 学习笔记（5）— 文件权限（添加、修改、删除用户及创建、修改群组）
1. Linux的安全性 Linux 安全系统的核心是用户账户.每个能进入 Linux 系统的用户都会被分配唯一的用户账户.用户对系统中各种对象的访问权限取决于他们登录系统时用的账户. 用户权限是通过 ...
转载非原创：修改BB 的内容，回车后修改CC 的值
原文 http://blog.csdn.net/iamah/article/details/8438981 修改BB 的内容,回车后修改CC 的值步骤: 1. 注册类为对类CL_GUI_ALV_GR ...

vuex直接修改state 与用dispatch／commit来修改state的差异

vuex直接修改state 与用dispatch／commit来修改state的差异相关推荐

最新文章

热门文章

vuex直接修改state 与 用dispatch／commit来修改state的差异

vuex直接修改state 与 用dispatch／commit来修改state的差异相关推荐

最新文章

热门文章

vuex直接修改state 与用dispatch／commit来修改state的差异

vuex直接修改state 与用dispatch／commit来修改state的差异相关推荐