vuex 在非组件中调用 mutations 方法

简介: 版权声明:本文首发 http://asing1elife.com ,转载请注明出处。 https://blog.csdn.net/asing1elife/article/details/82655668 ...
版权声明:本文首发 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)
}
目录
相关文章
|
8月前
Vuex中改变store状态值的方法是什么?为什么?
Vuex中改变store状态值的方法是什么?为什么?
199 1
|
8月前
|
JavaScript 开发者
Vue状态管理: 在Vuex中,什么是mutation?它们应该如何使用?
Vue状态管理: 在Vuex中,什么是mutation?它们应该如何使用?
221 4
|
4月前
|
存储 前端开发
Hooks中使用useReducer实现表单数据的提交,解决多次使用useState的问题
在React Hooks中,使用`useReducer`可以解决表单数据提交时多次使用`useState`的问题。`useReducer`允许你将表单的多个状态整合到一个 reducer 函数中管理,简化状态更新逻辑。通过dispatch分派不同的action来更新state,适用于表单状态管理,特别是当表单元素较多时。
42 1
|
7月前
|
前端开发
前端React篇之React setState 调用的原理、React setState 调用之后发生了什么?是同步还是异步?
前端React篇之React setState 调用的原理、React setState 调用之后发生了什么?是同步还是异步?
|
8月前
|
前端开发 JavaScript
React Hooks:让你轻松掌握函数组件的状态与管理
React Hooks:让你轻松掌握函数组件的状态与管理
|
JavaScript 前端开发
vue 创建自己内部vuex方法
vue 创建自己内部vuex方法
|
8月前
|
存储 JavaScript
Vue3使用Pinia获取全局状态变量
Vue3使用Pinia获取全局状态变量
270 4
|
8月前
|
JavaScript
在Vue中,什么是Watcher?它和生命周期钩子函数有什么关系?
在Vue中,什么是Watcher?它和生命周期钩子函数有什么关系?
76 1
|
8月前
|
JavaScript
Vue状态管理:什么是getters?Vuex中的getters有什么作用?
Vue状态管理:什么是getters?Vuex中的getters有什么作用?
297 3
|
8月前
|
JavaScript 数据处理 定位技术
Vue中的钩子函数:揭秘组件的神秘生命周期
Vue中的钩子函数:揭秘组件的神秘生命周期
143 0

热门文章

最新文章