vuex的五個(gè)屬性是：1、state屬性，用來(lái)存儲(chǔ)變量；2、getters屬性，相當(dāng)于state的計(jì)算屬性；3、mutations屬性，用于提交更新數(shù)據(jù)；4、actions屬性；5、modules屬性，用于模塊化vuex。
推薦：《vue教程》
vue中vuex的五個(gè)屬性和基本用法
vuex 是一個(gè)專門為 vue.js 應(yīng)用設(shè)計(jì)的狀態(tài)管理構(gòu)架，統(tǒng)一管理和維護(hù)各個(gè)vue組件的可變化狀態(tài)(你可以理解成 vue 組件里的某些 data )。
vuex有五個(gè)核心概念：
state,getters,mutations,actions,modules。
1. state：vuex的基本數(shù)據(jù)，用來(lái)存儲(chǔ)變量
2. geeter：從基本數(shù)據(jù)(state)派生的數(shù)據(jù)，相當(dāng)于state的計(jì)算屬性
3. mutation：提交更新數(shù)據(jù)的方法，必須是同步的(如果需要異步使用action)。每個(gè) mutation 都有一個(gè)字符串的 事件類型 (type) 和 一個(gè) 回調(diào)函數(shù) (handler)。
回調(diào)函數(shù)就是我們實(shí)際進(jìn)行狀態(tài)更改的地方，并且它會(huì)接受 state 作為第一個(gè)參數(shù)，提交載荷作為第二個(gè)參數(shù)。
4. action：和mutation的功能大致相同，不同之處在于 ==》1. action 提交的是 mutation，而不是直接變更狀態(tài)。 2. action 可以包含任意異步操作。
5. modules：模塊化vuex，可以讓每一個(gè)模塊擁有自己的state、mutation、action、getters,使得結(jié)構(gòu)非常清晰，方便管理。
vuex的用法：
新建vue項(xiàng)目testapp ==》 在testapp中建store文件 ==》 store文件下又有modules文件夾和getter.js 和 index.js ==》 store文件下建user.js
在項(xiàng)目的main.js中引入 import store from './store'
在store文件下的index.js中引入
import vue from 'vue'import vuex from 'vuex'import user from './modules/user'import global from './modules/global'import getters from './getters'vue.use(vuex)const store = new vuex.store({ modules: { user }, getters})export default store在store文件下的getters.js中引入const getters = { self: state => state.user.self, token: state => state.user.token, currentcommunity: (state, getters) => { let cid = getters.currentcommunityid return getters.communities.filter(item => { return item.communityid === cid }) }}export default getters在modules文件下的user.js寫代碼const user = { state:{ self: null, token: '', }, mutations:{ set_self: (state, self) => { state.self = self }, set_token: (state, token) => { state.token = token } }, actions:{ login ({ commit }, res) { commit('set_self', res.self) commit('set_token', res.token } }export default user使用下面這兩種方法存儲(chǔ)數(shù)據(jù)：
dispatch：異步操作，寫法： this.$store.dispatch('mutations方法名',值)commit：同步操作，寫法：this.$store.commit('mutations方法名',值)