一段话让你理解vuex的工作模式!
2024-08-26 20:40:34
vuex 个人理解:管理各组件公共状态的vue插件,也是个组件相互通信的插件。
组成:1、State:状态树。
2、Getters:操作state。
3、Mutation:唯一改变state状态的操作(必须同步操作)。
4、Action:提交mutation,异步操作得到结果后commit一个对象,名称对应mutation里的方法名称,对象携带载荷。
5、Module:将vuex进行分模块.(每一个组件都可以有一个vuex)
数据处理方式:vuex的数据总是单向流动,即:用户访问页面(view)触发(某个动作或者初始化刷新:this.$store.dispatch({})一个action,action里面执行的
异步操作请求数据,得到数据后commit一个对象,对象里可以有很多参数,对应mutations里的事件名称,以及将
得到的数据放入对应事件的payload(载荷)中,在mutations里改变state,当state改变后就会更新页面(component)。
(纯属个人理解)
最新文章
- Git从码云Clone代码到本地
- Json字符串反序列化
- UVa 11149 Power of Matrix(倍增法、矩阵快速幂)
- Qt 改变图片大小
- poj 1463 Strategic game DP
- java多线程模拟停车系统
- POJ3253Fence Repair(优先队列或单调队列)
- 文本主题模型之LDA(二) LDA求解之Gibbs采样算法
- 使用Python的requests模块编写请求脚本
- java网页爬数据获取class中的空格
- Chrome 远程代码执行漏洞CVE-2019-5786-EXP
- ORA-01589解决
- node-sass 不能正常安装解决办法
- 【进阶3-2期】JavaScript深入之重新认识箭头函数的this(转)
- 'No Transport' Error w/ jQuery ajax call in IE
- url空格转码的问题
- Cloud Lab: 泰晓实验云台【转】
- LAMP安全加固
- android 中 dp和px转换
- 51nod-迷宫问题(Dijkstra算法)