摘要：本文主要介绍了vuex中有多少种属性，并为读者提供了背景信息。vuex是一个用于Vue.js应用程序的状态管理模式。它可以解决组件间通信、全局状态管理等问题。在vue项目中使用vuex可以更方便的管理、跨组件传递数据以及修改数据，提高了开发效率。
图片：
一、state
1、state是Vuex存储数据的地方，它相当于组件的data属性，用于保存组件的状态。在组件中可以使用this.$store.state来访问state中的数据。一个Vuex应用可以有多个state，但只能有一个store。
2、在Vuex中定义state的方式是在store对象中定义一个state属性，state属性是一个对象，该对象包含了多个数据属性。例如：
const store = new Vuex.Store({
state: {
count: 0
}
})二、mutation
1、mutation用于修改state中的数据，类似于组件中的methods。但是与methods不同的是，mutations只能执行同步操作，必须是纯函数（没有副作用），并且只能通过提交（commit）mutation来改变store中的状态。
2、在Vuex中定义mutation的方式是在store对象中定义一个mutations属性，mutations属性是一个对象，该对象包含了多个mutation函数。例如：
const store = new Vuex.Store({
state: {
count: 0
},
mutations: {
increment(state) {
state.count++
}
}
})三、getters
1、getters相当于组件中的computed属性，用于对state中的数据进行加工处理，返回新的数据。它可以通过this.$store.getters来访问。
2、在Vuex中定义getters的方式是在store对象中定义一个getters属性，getters属性是一个对象，该对象包含了多个getter函数。例如：
const store = new Vuex.Store({
state: {
count: 0
},
getters: {
doubleCount(state) {
return state.count * 2
}
}
})四、action
1、action用于处理异步操作，类似于组件中的methods。它可以包含任意异步操作，并在必要时提交mutation来改变state中的数据。
2、在Vuex中定义action的方式是在store对象中定义一个actions属性，actions属性是一个对象，该对象包含了多个action函数。例如：
const store = new Vuex.Store({
state: {
count: 0
},
mutations: {
increment(state) {
state.count++
}
},
actions: {
incrementAsync(context) {
setTimeout(() => {
context.commit('increment')
}, 1000)
}
}
})
