在vue中外部调动vuex里面方法和值

目前,因为业务需要,需要在外部引入的js中调动我在vuex版本控制中定义的方法,找了好多资料才实现了效果,来记忆下。防止未来用找不到资料

 

一、mutations

1、引入:

然后:

或者更简单,我们vue3里面main.js都会配置 store

我们可以直接 

二、state

三、actions 


一、mutations

1、引入:

import store from '@/store/store.js';//在js文件引入store模块

然后:

let str = 1;
store.commit('getGdszb',str);//调动mutations里面定义的方法

或者更简单,我们vue3里面main.js都会配置 store

我们可以直接 

this.$store.commit('方法名',值)

二、state

store.state.Gztdtj = 100;//可以直接改动state里面定义的值,切记不可以直接改store.state={},会报错的

三、actions 

store.dispatch('setUserInfo', 1111)

猜你喜欢

转载自blog.csdn.net/qq_41619796/article/details/96707680