持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第20天,点击查看活动详情juejin.cn/post/714765…
什么是vuex?
- vuex 是一个专为 vuejs 应用程序开发的状态管理模式。只能用在Vue里。而redux可以用在其他框架中。
- 它采用集中式存储管理应用的所有组件的状态.并以相应的规则保证状态以一种可预测的方式发生发化。Vuex 也集成到 Vue 的官方调试工具
devtools extenslon。提供了诸如零配置的time-travel调试、状态快照导入导出等高级调试功能。
什么是“状态管理模式”?
这个状态自管理应用包含以下几个部分:
- state:驱动应用的数据源;
- view: 以声明方式将 state 映射到视图;
- actions: 响应在 view 上的用户输入导致的状态变化。
vuex本身也具有双向绑定的机制
-
vuex里的action是用来做异步处理的。
-
mutation:想执行,必须commit,也就是提交mutation。
-
视图只负责触发一个事件,然后把视图渲染出来,具体怎么实现,由vuex来实现。
-
如果对组件里的值进行复用,那么就可以使用vuex。
版本对应:
vue2-------cnpm i vuex@3 --save-dev。
store(仓库)
•每一个Vuex 应用的核心就是 store (仓库)
•store基本上就是一个容器,它包含着你的应用中大部分的状态 (state)。 Vuex 和单纯的全局对象有以下两点不同:
- vuex 的状态存储是响应式的。当Vue 组件从 store 中读取状态的时候,若store 中的状态发生变化,那么相应的组件也会相应地得到高效更新。
- 不能直接改变 store 中的状态。改变 store 中的状态的唯一途径就是显式地提交(commit)mutation。这样使得我们可以方便地跟踪每一个状态的变化,从而让我们能够实现一些工具帮助我们更好地了解我们的应用。