vuex 在非组件中调用 actions 方法

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

vuex 在非组件中调用 actions 方法

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

更多精彩

在组件中

import {mapActions} from 'vuex'

export default {
    methods: {
        ...mapActions([
            'setUserInfo'
        ])
    },
    init() {
        let user = {}

        this.setUserInfo(user)
    }
}

在非组件中

import store from 'store'

function init() {
    let user = {}

    store.dispatch('setUserInfo', user)
}
目录
相关文章
|
8月前
|
JavaScript 开发者
Vue状态管理: 在Vuex中,什么是mutation?它们应该如何使用?
Vue状态管理: 在Vuex中,什么是mutation?它们应该如何使用?
221 4
|
JavaScript
Vue 综合- provide() 子或孙子组件如何调用Vue对象
Vue 综合- provide() 子或孙子组件如何调用Vue对象
77 0
|
15天前
|
JavaScript API 数据处理
vue3使用pinia中的actions,需要调用接口的话
通过上述步骤,您可以在Vue 3中使用Pinia和actions来管理状态并调用API接口。Pinia的简洁设计使得状态管理和异步操作更加直观和易于维护。无论是安装配置、创建Store还是在组件中使用Store,都能轻松实现高效的状态管理和数据处理。
58 3
|
3月前
|
监控 JavaScript
Vuex学习二:Vuex的重点属性学习,state、mutations、getters、actions、module。
这篇文章是关于Vuex状态管理库的深入学习,涵盖了其核心概念如state、getters、mutations、actions和modules,并通过实例代码展示了它们的使用和重要性。
44 1
|
3月前
|
前端开发 JavaScript 调度
React 组件状态(State)
10月更文挑战第8天
41 1
Vue-Cli的生命周期写法,methods要与data()平级,生命周期函数要与methods平级
Vue-Cli的生命周期写法,methods要与data()平级,生命周期函数要与methods平级
|
8月前
|
JavaScript
vuex如何在actions中传递参数
在Vuex的`actions`中传递参数可以提高其灵活性和复用性。
|
8月前
|
JavaScript
如何在Vuex中定义和使用getters和actions
在Vuex中,`getters`用于派生状态值,类似Vue的计算属性,例如从`todos`状态中过滤已完成/未完成任务。`actions`则处理异步操作,如模拟加载数据,通过`commit`改变状态。
|
8月前
|
前端开发 JavaScript
React Hooks:让你轻松掌握函数组件的状态与管理
React Hooks:让你轻松掌握函数组件的状态与管理
|
前端开发 JavaScript
React(一) —— 组件的创建与state
React(一) —— 组件的创建与state