vuex的核心概念和基本用法、辅助函数

一·vuex是什么?
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库
vuex是用来解决复杂的组件通信问题
二.vuex的核心概念
vuex有5个方法：

• state仓库中唯一存放数据的地方。（类似于组件中data，存放大量的数据，数据相对于getters固定）
• state: { },
• getter唯一存放派生数据的地方
  getters: { },
• mutations唯一修改state数据的地方。（存放着各种函数，类似于组件中的methods）
• mutations: { },
• actions唯一处理异步操作的地方。（存放异步的操作）
• actions: { },
• modules存放着其他子仓库的引用
• modules: { U: user }
  附modules用的话：在store文件里面引用要用的子仓库import user from '@/store/user'，作为子仓库存在时需要开始命名空间。添写一个属性 namespaced:true,

三.基本用法
工作流程：
(1)通过dispatch去提交一个actions(异步)
(2)actions接收到这个事件之后，在actions中可以执行一些异步|同步操作，根据不同的情况去分发给不同的mutations
(3)actions通知commit去触发mutations
(4)mutations去更新state数据，state更新之后，就会通知vue进行渲染

四.vuex辅助函数（语法糖）
作用：使用语法糖是为了更便捷的传递数据
使用方法：需要先引入

import {mapState,mapGetters,mapMutations,mapActions} from ‘vuex’
computed:{
…mapState([‘a’])
…mapGetters([‘a’'])
}
methods:{
…mapMutations([‘b’])
…mapActions(‘b’])
}

以上就是vuex的基本概念和用法要学习其他内容请看我别的内容