Vuex 介绍

官方定义:vuex是专门为 vue.js应用程序开发的状态管理模式.它采取集中式存储管理应用所以组件状态,并以相应的规则保证状态以一种可预期的方式发生变化

  • vuex是 Vue 专门的状态管理库.它以全局的方式集中管理应用的状态,并且保证状态的变更是一种可预测性
  • vuex 主要是解决多组件之间状态共享的问题,利用各种组件的通讯方式,我们可以做到状态共享,但是往往需要保证各个组件之间保持状态的唯一性,这其实是很困难的,也会是我们逻辑变的很复杂.vuex 通过把组件的共享状态抽取出来,以全局单例模式管理.这样任何组件都能通过一致性的方式获取和修改组件.响应式的数据也能保证简洁的单向数据流动.我们代码将变得更加结构化且易维护
  • vuex 并非必须的,它帮助我们管理状态,但是带来更多的状态和框架.如果我们不打算开发大型的单页面应用或者我们的应用并没有大量的状态需要管理,完全没有使用 vuex 的必要,一个简单的 store 模式足够看,反之选择使用 vuex
  • 使用 vuex 过程如下理解:将全局状态放入到 state 对象中,他本身是一颗状态树,组件中使用 store 实例的 state 访问这些状态,然后配套的 mutain 方法修改这些状态,并且只能用 mutation修改 state 的状态.在组件中调用 commit方法提交 mutation,如果应用存在异步操作或者复杂的操作,我们需要编写 action,执行结果如果有状态的变化任然可以提交 mutation,在组件中通过 dispatch 方法派发.最后模块化,通过 mudule 选项组织拆分各个子模块,访问状态时注意添加子模块的名称,如果有 namespace,在提交 mutation和 action 的时候需要添加额外的空间前缀
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 在使用单一状态树,应用的所有状态会集中到一个比较大的对象。当应用变得非常复杂时,store 对象就有可能变得相当臃...
    zsyyyyy阅读 12,784评论 0 9
  • 标签:Vuex iplas 介绍 每一个 Vuex 应用的核心就是 store(仓库), 是一个专为 Vue.js...
    傑仔阅读 4,692评论 0 1
  • 一、vuex介绍(1)vuex是什么? 借鉴 了Flux、Redux、 The Elm Architecture ...
    stringtoString阅读 4,270评论 0 1
  • 一、Vuex介绍 当我们在Vue对象中定义一个变量时,想要在其他的Vue对象或者js文件中想使用这个变量往往是很不...
    Epat阅读 3,502评论 0 1
  • 安装和使用 Vuex Vuex是一种状态管理模式,它集中式的管理应用所有组件的状态 一个简单的vuex实例包含了以...
    我_巨可爱阅读 1,709评论 0 0