vue2
-
- 一、Vuex概述
- 二、需求: 多组件共享数据
- 三、vuex 的使用 - 创建仓库
- 四、核心概念 - state 状态
- 五、通过辅助函数 - mapState(映射属性)获取 state中的数据
- 六、开启严格模式及Vuex的单项数据流
- 七、核心概念-mutations
- 八、带参数的 mutations
- 九、辅助函数- mapMutations映射方法methods
- 十、核心概念 - actions
- 十一、辅助函数 -mapActions映射方法methods
- 十二、核心概念 - getters
- 十三、核心概念 - module
- 十四、获取模块内的state数据
- 十五、获取模块内的getters数据
- 十六、获取模块内的mutations方法
- 十七、获取模块内的actions方法
- 十八、Vuex模块化的使用小结
一、Vuex概述
目标:明确Vuex是什么,应用场景以及优势
1.是什么
Vuex 是一个 Vue 的 状态管理工具,状态就是数据。
大白话:Vuex 是一个插件,可以帮我们管理 Vue 通用的数据 (多组件共享的数据) 。例如:购物车数据 / 个人信息数
2.使用场景
-
某个状态 在 很多个组件 来使用 (个人信息)
-
多个组件 共同维护 一份数据 (购物车)
3.优势
- 共同维护一份数据,数据集中化管理
- 响应式变化
- 操作简洁 (vuex提供了一些辅助函数)
4.注意:
官方原文:
- 不是所有的场景都适用于vuex