vuex 在非组件中调用 mutations 方法

版权声明:本文首发 http://asing1elife.com ,转载请注明出处。 https://blog.csdn.net/asing1elife/article/details/82655668

vuex 在非组件中调用 mutations 方法

一般情况下调用 mutations.js 中的方法都是在组件中,如果想在非组件中调用,则需要使用如下方式

更多精彩

在组件中调用

import {mapMutations} from 'vuex'
import {SET_IS_LOGIN} from 'store/mutation-types'

export default {
    methods: {
        ...mapMutations({
            set_is_login: SET_IS_LOGIN
        }),
        init() {
            this.set_is_login(true)
        }
    }
}

在非组件中调用

import store from 'store'
import {SET_IS_LOGIN} from 'store/mutation-types'

function init() {
    store.commit(SET_IS_LOGIN, true)
}
上一篇:preventDefault 和 stopPropagation 的区别


下一篇:简单封装浏览器 cookie 工具类