vuex是什么
- vuex是专门为vue.js应用程序开发的状态管理模式, 它是由五部分组成:
- 分别是: state, actions, mutation, getters, modules
vuex由五部分组成
- state: 数据
- actions: 可包含异步操作
- mutations: 唯一可以修改state数据的场所
- getters: 类似于vue中的计算属性, 会对state数据进行计算(会被缓存)
- modules: 模块化管理store(仓库), 每个模块拥有自己的state,mutation,action,getter
高级用法—数据持久化
问题:存储在vuex中的状态,刷新页面,会丢失。
为了解决页面数据丢失,才有了数据持久化。
最简单的做法就是利用插件vuex-persistedState
- 安装
cnpm install vuex-persistedState -S
- -S 是–save的简写,意为:把插件安装到dependencies(生产环境依赖)中
- -D是–save-dev的简写,意为:把插件安装到devDependencies(开发环境依赖)中
高级用法—辅助函数(语法糖)
-
四大金刚
mapState,mapActions,mapMutations,mapGetters
-
辅助函数可以把vuex中的数据方法映射到vue组件中,达到简化操作的目的