第6節：module模塊組
阿新 • • 發佈：2018-01-24
exp 需要 put com log vue post str 插值
隨著項目的復雜性增加，我們共享的狀態越來越多，這時候我們就需要把我們狀態的各種操作進行一個分組，分組後再進行按組編寫。那今天我們就學習一下module：狀態管理器的模塊組操作。
聲明模塊組：
在vuex/store.js中聲明模塊組，我們還是用我們的const常量的方法聲明模塊組。代碼如下：
| 1 2 3 | const moduleA={ state,mutations,getters,actions } |
聲明好後，我們需要修改原來 Vuex.Stroe裏的值：
| 1 2 3 |
export default new Vuex.Store({ |
在模板中使用
現在我們要在模板中使用count狀態，要用插值的形式寫入。
| 1 | <h3>{{$store.state.a.count}}</h3> |
如果想用簡單的方法引入，還是要在我們的計算屬性中rutrun我們的狀態。寫法如下：
| 1 2 3 4 5 | computed:{ count(){ return this.$store.state.a.count; } }, |
第6節：module模塊組