Vuex基础

Vuex基础

action

提交

const action={
    add:({commit})=>{
        commit('add')
    }
}

mutation

具体操作（类似方法）

const mutations={
    add(state){
        state.money++
    }
}

state

数据（类似data）

const state={
    money:1
}

最后导出 export default

export default{
    namespaced:true,
    state,
    mutations,
    actions
}

index.js文件

import Vue from 'vue'
import Vuex from 'vuex'
import Money form '..'
import Count from '..'

Vue.use(Vuex)

export default new Vuex.Store({
    modules:{
        Money,
        Count
    }
})

调用页面内

import{
    mapActions
} from 'vuex'

export default{
    mapActions('Money',['add','reduce'])
}