【vuex】mutation和action的区别
2024-08-24 05:38:11
const store = new Vuex.Store({
state: {
count: 0
},
mutations: {
increment (state) {
state.count++
}
},
actions: {
increment (context) {
context.commit('increment')
}
}
})
1、流程顺序
“相应视图—>修改State”拆分成两部分,视图触发Action,Action再触发Mutation。
2、角色定位
基于流程顺序,二者扮演不同的角色。
Mutation:专注于修改State,理论上是修改State的唯一途径。
Action:业务代码、异步请求。
3、限制
角色不同,二者有不同的限制。
Mutation:必须同步执行。
Action:可以异步,但不能直接操作State。
最新文章
- spider RPC高级特性
- 第五次团队作业——【Alpha版本】随笔汇总
- Activation successful 数据库邮件无法发送
- 从PC跳转至wap
- JAVA 锁
- C#编写的多生产者多消费者同步问题
- c#多选下拉框(ComboBox)
- Redis简单配置和使用
- hdu 2114 Calculate S(n) 数论(简单题)
- Spring+SpringMVC+MyBatis深入学习及搭建(五)——动态sql
- PHP获取客户端和服务器端IP(转)
- UTF-8 的BOM带来的麻烦
- Codeforces 1009G Allowed Letters 最大流转最小割 sosdp
- mvc route .html 后缀 404
- can't open the mysql.plugin table. please run mysql_upgrade to create it.
- leetcode208
- 【LeetCode每天一题】4Sum(4数之和)
- flume-sink
- MapReduce的洗牌(Shuffle)
- Python基础socket编程
热门文章
- 前端学习(一) html介绍和head标签
- 【图像处理与医学图像处理】YUV与RGB格式转换速度几种方法对比
- 【VS开发】关于线程安全一些细节体会
- 二分查找算法C++实现
- code review规则
- 13.sqoop的安装
- SafeArrayGetUBound(EveryPatientInfo.parray,1,&;UBound);
- 百度音乐接口api
- iview给布局MenuItem标签绑定点击事件
- Nginx、OpenResty和Kong的基本概念与使用方法