什么是module？

背景：在Vue中State使用是單一狀態樹結構，應該的所有的狀態都放在state里面，如果項目比較復雜，那state是一個很大的對象，store對象也將對變得非常大，難于管理。

module：可以讓每一個模塊擁有自己的state、mutation、action、getters,使得結構非常清晰，方便管理。

怎么用module？

一般結構

const moduleA = { state: { ... }, mutations: { ... }, actions: { ... }, getters: { ... } }const moduleB = { state: { ... }, mutations: { ... }, actions: { ... } }const store = new Vuex.Store({ modules: {  a: moduleA,  b: moduleB})

模塊內部的數據：①內部state，模塊內部的state是局部的，也就是模塊私有的，比如是car.js模塊state中的list數據，我們要通過this.$store.state.car.list獲取；②內部getter、mutation和action，仍然注冊在全局命名空間內，這是為了多模塊可以同時響應同一mutation；this.$store.state.car.carGetter的結結果是undefined，而通過this.$store.state.carGetter則可以拿到。

傳參：getters====({state(局部狀態),getters（全局getters對象）,roosState（根狀態）})；actions====({state(局部狀態),commit,roosState（根狀態）}).

新建一個項目體驗一下，通過vue 亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb