当前位置: 首页 > news >正文

vuex 笔记整理

  • 在vuex出来以前,我们怎么管理我们的状态?
    data --> state
    template --> view
    methods --> actions
    一个表示“单向数据流”理念的极简示意
    vue--(dispath)->actions---(modify state)-->state---(render)->vue ... 如此循环下去
    图片描述
    vuex的出现,在actions 和state之间多了一层 mutations
    vue--(dispath)--> actions--(commit)-->mutations--(modidy)-->state--(render)-->vue ... 如此单向数据流循环下去。
    再细分下 actions-->mutations-->state 就是vuex
    图片描述
  • state
    Vuex 使用单一状态树,即每个应用将仅仅包含一个 store 实例,但单一状态树和模块化并不冲突。可以同时设置多个子模块,统一由一个store来管理
  • mutations
    下面一句话相当重要
    更改 Vuex 的 store 中的状态的唯一方法是提交 mutation
    重要原则
    mutation 必须是同步函数
    如何一定是同步函数呢?
    假设当你能调用了两个包含异步回调的 mutation 来改变状态,你怎么知道什么时候回调和
    哪个先回调呢?
  • action
    当vue组件dispath一个action后,会提交的是 一个mutation,从而间接变更状态state
    并且可以是异步操作
    最简单的调用如:store.dispatch('increment')

参考文献

  • vue 中文官方文档

相关文章:

  • javascript 总结(常用工具类的封装)
  • 深入浅出webpack学习(1)--核心概念
  • Js基础知识(一) - 变量
  • Linux常用命令大全 (非常有用)
  • 配置karma支持Chrome浏览器
  • Java程序员升职加薪必备技术——分布式
  • unity探索者之微信登录,非第三方插件
  • json 解析豆瓣ApiURL
  • mongodb数据备份脚本和日志切割脚本
  • 资讯丨Linux基金会一行到访腾讯参观交流
  • 《设计模式之禅》--代理扩展:动态代理
  • IOLI-crackme0x01-0x05 writeup
  • 思考|自动化测试面试题第一波
  • 算法学习之路|欧拉回路初见
  • python3 _笨方法学Python_日记_DAY1
  • [译]如何构建服务器端web组件,为何要构建?
  • Java读取Properties文件的六种方法
  • Js基础知识(四) - js运行原理与机制
  • Linux编程学习笔记 | Linux IO学习[1] - 文件IO
  • MaxCompute访问TableStore(OTS) 数据
  • MySQL QA
  • mysql常用命令汇总
  • node.js
  • Python打包系统简单入门
  • Terraform入门 - 3. 变更基础设施
  • Travix是如何部署应用程序到Kubernetes上的
  • Vue 重置组件到初始状态
  • 互联网大裁员:Java程序员失工作,焉知不能进ali?
  • 前端面试之闭包
  • 数据科学 第 3 章 11 字符串处理
  • 算法系列——算法入门之递归分而治之思想的实现
  • 一起来学SpringBoot | 第十篇:使用Spring Cache集成Redis
  • 再次简单明了总结flex布局,一看就懂...
  • 7行Python代码的人脸识别
  • AI算硅基生命吗,为什么?
  • C# - 为值类型重定义相等性
  • # 日期待t_最值得等的SUV奥迪Q9:空间比MPV还大,或搭4.0T,香
  • (007)XHTML文档之标题——h1~h6
  • (delphi11最新学习资料) Object Pascal 学习笔记---第5章第5节(delphi中的指针)
  • (DFS + 剪枝)【洛谷P1731】 [NOI1999] 生日蛋糕
  • (附源码)spring boot智能服药提醒app 毕业设计 102151
  • (附源码)ssm考生评分系统 毕业设计 071114
  • (一)pytest自动化测试框架之生成测试报告(mac系统)
  • (一)SpringBoot3---尚硅谷总结
  • (转)利用PHP的debug_backtrace函数,实现PHP文件权限管理、动态加载 【反射】...
  • *p=a是把a的值赋给p,p=a是把a的地址赋给p。
  • .[hudsonL@cock.li].mkp勒索加密数据库完美恢复---惜分飞
  • .chm格式文件如何阅读
  • .NET gRPC 和RESTful简单对比
  • .Net(C#)自定义WinForm控件之小结篇
  • .NET微信公众号开发-2.0创建自定义菜单
  • /etc/fstab和/etc/mtab的区别
  • [【JSON2WEB】 13 基于REST2SQL 和 Amis 的 SQL 查询分析器
  • [AIGC codze] Kafka 的 rebalance 机制
  • [ai笔记3] ai春晚观后感-谈谈ai与艺术