[TOC]
### 標準結構
* [ ] state 保存數據
* [ ] mutations 改變state數據
* [ ] actions 調用 mutaions
* [ ] module 模塊
* [ ] user.js 模塊中的狀態數據管理
*****
index.js
```
import Vue from 'vue'
import Vuex from 'vuex'
import state from './state'
import actions from './actions'
import mutations from './mutations'
import user from './module/user'
Vue.use(Vuex)
export default new Vuex.Store({
state,
mutations,
actions,
modules: {
user
}
})
```
*****
state.js
```
const state = {
// state 用于存放數據
}
export default state
```
*****
mutations.js
```
const mutations = {
// 改變 state 數據
}
export default mutations
```
*****
actions.js
```
const actions = {
// 改變 mutations
}
export default actions
```
*****
module / user.js
```
const state = {
userName: '胖妞'
}
const actions = {}
const mutations = {}
export default {
namespaced: true,
state,
actions,
mutations
}
```
