vuex介绍

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

1. 安装cnpm install vuex-persistedState -S
   • -S 是–save的简写，意为：把插件安装到dependencies（生产环境依赖）中
   • -D是–save-dev的简写，意为：把插件安装到devDependencies（开发环境依赖）中

高级用法—辅助函数（语法糖）

1. 四大金刚
   mapState,mapActions,mapMutations,mapGetters

2. 辅助函数可以把vuex中的数据方法映射到vue组件中，达到简化操作的目的