想嘗試使用vuex的module來進行操作验游，看了一些資料，我簡單進行了一個簡化
目錄結構：
store
│ index.js
│
├─feeds
│ actions.js
│ getters.js
│ index.js
│ mutation-type.js
│ mutations.js
│ state.js
│
└─movies
actions.js
getters.js
index.js
mutation-type.js
mutations.js
state.js
這里是兩個模塊feeds和movies
第一步：在store文件夾下的index.js入口文件寫入：
import Vue from 'vue';
import Vuex from 'vuex';
import feeds from './feeds';
import movies from './movies';
Vue.use(Vuex);
export default new Vuex.Store({
modules: {
feeds,
movies
},
});
第二步：在每個模塊內(nèi)的index文件這組裝所有的零件盹憎，并且輸出：
import state from './state';
import mutations from './mutations';
import actions from './actions';
import getters from './getters';
export default {
namespaced: true, //多出的一行
state,
mutations,
actions,
getters
};
注意上面多出的一行，我們在組件里怎么區(qū)分不同模塊呢铐刘？namespaced寫成true陪每，意思就是可以用這個module名作為區(qū)分了（也就是module所在的文件夾名）
第三步：在組件里使用：
使用的時候
- 獲取state，這里使用映射：
import { mapState, mapMutations } from "vuex";
export default {
computed:{
...mapStated('模塊名（嵌套層級要寫清楚）',{ //比如'movies/hotMovies
a:state=>state.a,
b:state=>state.b
})
},
- 觸發(fā)actions操作：
import { mapActions } from 'vuex'
methods:{
...mapActions('模塊名（嵌套層級要寫清楚）',[ //比如'movies/getHotMovies
'foo',
'bar'
])
}
