Vue-----vuex的基本理解

53 阅读2分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第20天,点击查看活动详情juejin.cn/post/714765…

什么是vuex?

  • vuex 是一个专为 vuejs 应用程序开发的状态管理模式。只能用在Vue里。而redux可以用在其他框架中。
  • 它采用集中式存储管理应用的所有组件的状态.并以相应的规则保证状态以一种可预测的方式发生发化。Vuex 也集成到 Vue 的官方调试工具devtools extenslon。提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。

什么是“状态管理模式”?

这个状态自管理应用包含以下几个部分:

  1. state:驱动应用的数据源;
  2. view: 以声明方式将 state 映射到视图;
  3. actions: 响应在 view 上的用户输入导致的状态变化。

vuex本身也具有双向绑定的机制

  • vuex里的action是用来做异步处理的。

  • mutation:想执行,必须commit,也就是提交mutation。

  • 视图只负责触发一个事件,然后把视图渲染出来,具体怎么实现,由vuex来实现。

  • 如果对组件里的值进行复用,那么就可以使用vuex。

版本对应:

vue2-------cnpm i vuex@3 --save-dev。 store(仓库) •每一个Vuex 应用的核心就是 store (仓库) •store基本上就是一个容器,它包含着你的应用中大部分的状态 (state)。 Vuex 和单纯的全局对象有以下两点不同:

  1. vuex 的状态存储是响应式的。当Vue 组件从 store 中读取状态的时候,若store 中的状态发生变化,那么相应的组件也会相应地得到高效更新。
  2. 不能直接改变 store 中的状态改变 store 中的状态的唯一途径就是显式地提交(commit)mutation。这样使得我们可以方便地跟踪每一个状态的变化,从而让我们能够实现一些工具帮助我们更好地了解我们的应用。