vuex的流程

页面通过mapAction异步提交事件到action。action通过commit把对应参数同步提交到mutation

mutation会修改state中对应的值。最后通过getter把对应值跑出去,在页面的计算属性中,通过

mapGetter来动态获取state中的值

vuex有哪几种状态和属性

有五种,分别是State , Getter , Mutation , Action , Module (就是mapAction)

vuex的State特性是?

stae就是存放数据的地方,类似一个仓库 , 特性就是当mutation修改了state的数据的时候,

他会动态的去修改所有的调用这个变量的所有组件里面的值( 若是store中的数据发生改变,依赖这个数据的组件也会发生更新 )

vuex的Getter特性是?

getter用来获取数据,mapgetter经常在计算属性中被使用

vuex的Mutation特性是?

Action 类似于 mutation,不同在于:

Action 提交的是 mutation,而不是直接变更状态。

Action 可以包含任意异步操作

vuex的优势

1状态管理工具 核心是响应式的做到数据管理, 一个页面发生数据变化。动态的改变对应的页面

兄弟之间组件有大量通信的,建议一定要用VUEX,不管大项目和小项目

最新文章

  1. 01C语言基础知识
  2. 友盟分享SDK集成步骤
  3. Note_Master-Detail Application(iOS template)_04_ YJYMasterViewController.h
  4. PHP中$_FILES的使用及注意事项
  5. FZU2165 v11(带权的重复覆盖)
  6. js点击图片显示在左边大图
  7. Android时间互换代码
  8. 告诉你GetDC()没有释放造成的后果
  9. JAVA的三大特征 封装继承多态- 简单总结
  10. Python学习--17 访问数据库
  11. 采用Opserver来监控你的ASP.NET项目系列(一、Opserver监控的简介与平台搭建)
  12. 设计模式(19)--Observer(观察者模式)--行为型
  13. [转]mysql dual虚拟表
  14. Go并发编程(四)
  15. poj3468A Simple Problem with Integers(线段树的区域更新)
  16. 如何实现PyQt5与QML响应彼此发送的信号?
  17. jquery-修改、回退结果集
  18. 迁移SharePoint搜索服务至新的服务器
  19. xmpp 服务器配置 open fire for windows 及 spark 测试
  20. 【转载++】C/C++错误分析errno,perror,strerror和GetLastError()函数返回的错误代码的意义

热门文章

  1. JavaScript实例之计算器
  2. java基础复习(三)
  3. less和vim中使用正则表达式搜索
  4. ImageField 字段的使用
  5. note2
  6. 浅谈js for循环输出i为同一值的问题(闭包解决)
  7. C# 简单软件有效期注册的实现
  8. Protocol协议分发器
  9. maven导出工程pom文件中依赖的jar包
  10. 2017 JUST Programming Contest 2.0