vue学习---vuex

news/2024/7/23 13:58:22 标签: vue, vuex, 状态管理, 前端

Vuex就是用来管理状态的;
Vuex使用Store对象,来保存和管理整个应用的状态。
Store对象,它包含以下的一些方法:
-state,存储状态的 ,(其实就是存放数据的地方,所有的数据都存放在这里)
-getters,它是用来或得state里面的数据的,其实就是get数据的
-mutations, 用来更新状态的一些逻辑写在他里面,
其实就是操作数据的一些js方法,写在它里面
简单的说,就是一些js方法,你要写在vue组件的methods里面,现在就是写在mutations里面了。虽然有一些js的逻辑在它里面,但是你不能直接操作mutations,必须要通过actions
<!—其实就相当于是一些函数的容器-- >
<!—你要是从容器的角度来看待某些东西,其实很简单–>
-actions,它是用来操作mutations的
<!—xxx.click 其实就是一个actions事件–>
a. 同步:
伪代码:xxx.click(store.commit);
b.异步:
伪代码:xxx.click(store.dispatch);
官方说法:
-state,驱动应用的数据源(所有状态保存在这)
-view,以声明的方式state映射到视图(改变状态,引起视图层变化)
-action,响应在view上的用户的输入导致的状态的变化(事件改变状态)
<!—现在可以确定–>
Vuex的核心就是store对象;
每个vue的应用,只能有一个store对象

对于vuex状态图的看法:
1、 从组件出发;
2、 组件(call)调用了actions,和后台去交互一些数据;
3、 Actions,dispatch(派发)mutations;
4、 Mutations去触发了状态state的改变;
5、 State去更新了components;
3.4.5,这三步加在一起,就是vuex

补充:
*数据流是单向的;
*组件能够调用actions
*action可以派发mutations;
*只有mutations可以改变state;
*state是响应式的,只要state更新,那么组件将同步更新;
在这里插入图片描述


http://www.niftyadmin.cn/n/1037872.html

相关文章

基于二分查找的抽签游戏算法的优化

基于二分查找的抽签游戏算法的优化 问题描述&#xff1a; 一个袋子里有n个纸片&#xff0c;纸片上有数字&#xff0c;你随机取出4张纸&#xff08;有放回&#xff09;&#xff0c;若四张纸的数字和为m&#xff0c;你就赢了&#xff0c;否则你就输了。连续试了几次后你都失败了…

自我学习总结之——NFV

NFV –DFC 1.什么是NFV? 网络功能虚拟化NFV(Network Functions Virtualization)在NFV出现之前设备的专业化很突出,具体设备都有其专门的功能实现,而之后设备的控制平面与具体设备进行分离,不同设备的控制平面基于虚拟机,虚拟机基于云操作系统,这样当企业需要部署新业务…

深度优先DFS搜索算法

深度优先DFS搜索 什么是深度优先搜索&#xff1f; 深度优先搜索&#xff08;DFS ,Depth-First Search&#xff09;是搜索手段之一。它从某个状态&#xff0c;不断地转移状态直到无法转移&#xff0c;然后回退到前一步的状态&#xff0c;继续转移到其他状态&#xff0c;如此不断…

宽度优先搜索BFS算法

宽度优先搜索BFS算法 什么是宽度优先搜索&#xff1f; 宽度优先搜索&#xff08;BFS,Breadth_First Search&#xff09;总是优先搜索距离初始状态近的状态&#xff0c;也就是说&#xff0c;他是按照开始状态->只需一次转移就可以到达的所有状态->只需两次转移就可以到达…

vue学习---mockjs

什么是mockjs&#xff1f; Mockjs是一款模拟数据生成器&#xff0c;它可以帮助前段工程师独立于后端进行开发&#xff0c;帮助编写单元测试。Mockjs能做什么&#xff1f; 提供了游侠模拟功能&#xff1a; 1、模拟数据模板生成模拟数据&#xff1b; 2、模拟ajax请求&#xff0c;…

基于bfs搜索算法的迷宫最短路径游戏

基于bfs搜索算法的迷宫最短路径游戏 废话不多说&#xff1a;因为在我的上一篇博客里已经提到了bfs算法.花了一天的时间写的一个小游戏&#xff0c;虽然界面不怎么样&#xff0c;但是算法确实很难写。因为不知道怎么上传文件&#xff08;不然我就整个项目上传了&#xff09;直接…

ubuntu更改源的方法(下载软件加快)

ubuntu更改源的方法 1.备份原来的源&#xff08;以后可能有用&#xff09; sudo cp /etc/apt/sources.list /etc/apt/sources_init.list2.更换源 sudo gedit /etc/apt/sources.list使用gedit打开文档&#xff0c;将下边的阿里源复制进去&#xff0c;然后点击保存关闭。 deb…

Android Mvp架构设计与性能优化

Android Mvp架构设计与性能优化 什么是mvp架构设计&#xff1f; MVP是模型&#xff08;Model&#xff09;、视图&#xff08;View&#xff09;、主持人&#xff08;Presenter&#xff09;的缩写&#xff0c;分别代表项目中3个不同的模块。 模型&#xff08;Model&#xff09;&…