详细介绍vuex流程及五大属性

• 工作流程

1. 在组件内通过dispatch调用actions，进行异步触发
2. 再把请求来的数据，通过commit触发mutations修改state数据
3. 在组件内读取读取修改之后的state数据

---

• vuex五大属性

• state数据源 在vuex中存储数据

1. 使用state数据
2. this.$store.state.xxx
3. 计算属性间接获取
4. 辅助函数mapState

• module模块 项目过大，后期难以维护

1. 新建一个文件夹，写入state,getters,mutations,actions

• mutations修改state数据 state数据修改必须在mutations中进行

1. commit触发mutions修改state数据
2. 辅助函数mapMutations

• actions异步触发器 在vuex中进行异步操作的触发

1. 在组件内通过dispatch调用actions，进行异步操作
2. mapActions

• getters vuex中的计算属性，和computed的区别就是，他可以在项目下任意组件使用

• ---

  可以解决非父子组件之间的通信问题，跨层级访问，state作为数据共享中心，实现跨组建通信