vuex几大模块和Vuex助手使用详解

Vuex 是一个专为 Vue.js 应用程序开发的状态管理库，用于保存用用程序的状态，即信息或数据，使得Vuex使应用程序的所有组件可以共享数据。每一个 Vuex 应用的核心就是 store（仓库），包含着你的应用中大部分的状态 ( state )，改变 store 中的状态的唯一途径就是显式地提交 (commit) mutation。

1、Vuex主要有以下几个模块

1. state：定义了应用程序的数据，可以设置默认的初始状态。
2. getters：允许组件从 store 中获取数据 。
3. mutations：是唯一更改 store 中状态的方法，且必须是同步函数。但不可以直接调用mutation，必须使用commit函数来告诉Vuex更新存储并提交更改。
4. actions：执行异步操作来存取状态，但也不可以直接调用action，必须使用dispatch函数来执行。
   代码演示：

<script>
	const store = new Vuex.Store({
   
		//定义状态，并赋予初始值
		state:{
   
			msg:'Vuex的使用',
			count:0
		},
		//使用getter来返回状态
		getters:{
   
			msg(state){
   
				return state.msg;
			},
			count(state){
   
				return state.count;
			}	
		},
		//可以理解为其他语言中的setter，改变状态的值，此处为把传进来的参数step累加到count中
		mutations:{
   
			increment(state,step)