欢迎来访~

vuex的mapActions

个人展示 管理员 8浏览 0评论

通常,我们在vuex的actions中定义一个方法:

export default {
    vuexSetUserLogin({commit, state}){
        commit("vuex_set_user_login", 111);
    },
    vuexSetTest({commit}, val){
        commit("vuex_set_test", val);
    }
}

调用时这样调用:

this.$store.dispatch("vuexSetTest", "ttttttt");

mapActions的作用就是,把actions中的方法映射到methods中,换一种调用方式。

引入mapAction:

import {mapActions,} from 'vuex'

映射方法:

"methods": {
    ...mapActions([
        "vuexSetUserLogin",
        "vuexSetTest"
    ]),
},

调用方法:

this.vuexSetTest("eeee");