scrimba
Learn Vuex
Structure and manage Vuex store with Modules
Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

Structure and manage Vuex store with Modules
AboutCommentsNotes
Structure and manage Vuex store with Modules
Expand for more info
index.js
run
preview
console
import Vue from 'vue';
import Vuex from 'vuex';

Vue.use(Vuex);

const moduleA = {
state: {

},
mutations: {

},
getters: {

},
actions: {

}
}

const moduleB = {
state: {

},
mutations: {

},
getters: {

},
actions: {

}
}

const store = new Vuex.Store({
state: {
count: 2
},
mutations: {

},
getters: {

},
actions: {

}
})


new Vue({
el: '#app',
store,
data: {
},
computed: {
}
});

// console.log(store.state.a.count);
// console.log(store.state.b.count);
Console
"Download the Vue Devtools extension for a better development experience: https://github.com/vuejs/vue-devtools"
,
"You are running Vue in development mode. Make sure to turn on production mode when deploying for production. See more tips at https://vuejs.org/guide/deployment.html"
,
index.html
-10:29