Vuex的学习

Vuex使用单一状态树。
state存储数据。
getter对state中的数据进行过滤。


getters.png

mapGetters.png

mutation更改store中的state的唯一方法,commit mutation。只能同步操作。


mutations.png

常量替代事件类型.png

action提交的是mutation,而不是直接变更的state。可以包含任何异步操作。
actions.png

处理异步操作.png

module 将store分解成多个module。每个module拥有自己的state,getters,mutations,actions。
module.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Vuex 的学习记录 资料参考网址Vuex中文官网Vuex项目结构示例 -- 购物车Vuex 通俗版教程Nuxt....
    流云012阅读 5,316评论 0 7
  • 安装 npm npm install vuex --save 在一个模块化的打包系统中,您必须显式地通过Vue.u...
    萧玄辞阅读 7,990评论 0 7
  • Vuex是什么? Vuex 是一个专为 Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件...
    萧玄辞阅读 8,299评论 0 6
  • vuex是一个状态管理模式,通过用户的actions触发事件,然后通过mutations去更改数据(你也可以说状态...
    Ming_Hu阅读 6,091评论 3 3
  • 由于一点点小事情心情突然低落,心里一片狼籍不知道从哪里下手才能收拾出一块干净的地方。“生无可恋”就从心里冒出...
    远离的青春阅读 715评论 0 0