前言：上一章我們隊(duì)vuex中操作的幾個(gè)方法Dispatch航唆、Commit等進(jìn)行了講解；這一章節(jié)為進(jìn)階內(nèi)容院刁，我們著手這vuex倉(cāng)庫進(jìn)行拆分糯钙。
GitHub：https://github.com/Ewall1106/mall
1、倉(cāng)庫拆分
- 當(dāng)我們倉(cāng)庫代碼體積比較大以后退腥，我們需將
action任岸、mutation和getter分割到單獨(dú)的文件，而不是放在index這一個(gè)文件中狡刘，大家也可以看看官網(wǎng)的vuex項(xiàng)目結(jié)構(gòu)闡述演闭。
拆分文件新建
2、注冊(cè)引入
- 在
index.js中導(dǎo)入這些文件并暴露出去颓帝。
引入并導(dǎo)出
3、文件內(nèi)容
- 然后窝革，我們?cè)诓鸱值母鱾€(gè)文件中购城，將先前在index.js中相對(duì)應(yīng)的操作內(nèi)容復(fù)制遷移。
// actions.js
export default {
changeCity(ctx, city) {
ctx.commit('changeCity', city)
}
}
// mutations.js
export default {
changeCity(state, city) {
state.city = city;
}
}
// state.js
export default {
city: '杭州'
}
這樣虐译，我們就對(duì)整個(gè)vuex倉(cāng)庫進(jìn)行了一個(gè)初步的拆分瘪板。
4、其它
以前我也寫過幾篇關(guān)于vuex的文章漆诽，感興趣的話大家可以移步看看：
下章我們就說說mapGetters侮攀、mapMutation锣枝、mapState這幾個(gè)方法。
