vuex学习实践笔记
2023-09-27 14:29:06 时间
Vuex是什么?
https://hzzly.github.io/2017/04/04/vuex%E5%AD%A6%E4%B9%A0%E5%AE%9E%E8%B7%B5%E7%AC%94%E8%AE%B0/
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。
栗如(travel store):
|
|
每一个 Vuex 应用的核心就是 store(仓库)。”store” 基本上就是一个容器,它包含着你的应用中大部分的状态(state)数据。
- Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候,若 store 中的状态发生变化,那么相应的组件也会相应地得到高效更新。
- 你不能直接改变 store 中的状态。改变 store 中的状态的唯一途径就是显式地提交(commit) mutations。这样使得我们可以方便地跟踪每一个状态的变化,从而让我们能够实现一些工具帮助我们更好地了解我们的应用。
用一张图来理解一下
客户端(Client) -> action -> mutations -> state -> 客户端
可以看出在vuex中数据是单一流向的:视图(view)触发action,action提交(commit)到mutations,mutations改变state(数据),state的改变,相应的组件也会相应的更新。
相关文章
- Apollo星火计划学习笔记——Apollo开放空间规划算法原理与实践
- 【 HAProxy 】学习笔记
- 【神经网络与深度学习】学习笔记:AlexNet&Imagenet学习笔记
- [整理]ADB命令行学习笔记
- JavaScript学习笔记之二
- C语言学习笔记 (006) - 二维数组传参的三种表现形式
- SSM学习笔记之Spring, SpringIoC, 注解, SpringAOP, Spring整合MyBatis
- Docker学习笔记之Docker的数据管理和存储
- Vue学习笔记之Nodejs入门
- SQL学习笔记之MySQL索引知识点
- Figma 学习笔记 – Interactive Components
- MySQL 学习笔记 (范式)
- MySQL 学习笔记 (它执行的步骤)
- Kubernetes 运维学习笔记
- 《拉钩课程 — 计算机网络通关》学习笔记
- oracle 笔记---(七)__角色
- LUA学习笔记(第1-4章)
- MMDetection 整体构建流程-学习笔记一
- TypeScript学习笔记(六):泛型
- Guava学习笔记:Google Guava 类库简介
- C++ Primer 学习笔记_45_STL实践与分析(19)--建筑常规算法
- Android-Universal-Image-Loader学习笔记(一个)
- EPROCESS 进程/线程优先级 句柄表 GDT LDT 页表 《寒江独钓》内核学习笔记(2)
- .Net+SQL Server企业应用性能优化笔记—精确查找瓶颈
- sourceInsight4 破解笔记(完美破解)
- 【网络编程实践--陈硕】学习笔记 | 汇总目录
- Vue.js学习系列一 —— vue-router2学习实践笔记(附DEMO)
- CMake学习笔记四:usb_cam的CMakeLists解析