12345678910111213141516171819202122232425262728293031323334353637 |
- import Vue from 'vue'
- import Vuex from '../../src'
- Vue.use(Vuex)
- // root state object.
- // each Vuex instance is just a single state tree.
- const state = {
- count: 0
- }
- // mutations are operations that actually mutates the state.
- // each mutation handler gets the entire state tree as the
- // first argument, followed by additional payload arguments.
- // mutations must be synchronous and can be recorded by middlewares
- // for debugging purposes.
- const mutations = {
- INCREMENT (state) {
- state.count++
- },
- DECREMENT (state) {
- state.count--
- }
- }
- // A Vuex instance is created by combining the state, the actions,
- // and the mutations. Because the actions and mutations are just
- // functions that do not depend on the instance itself, they can
- // be easily tested or even hot-reloaded (see counter-hot example).
- //
- // You can also provide middlewares, which is just an array of
- // objects containing some hooks to be called at initialization
- // and after each mutation.
- export default new Vuex.Store({
- state,
- mutations
- })
|