Additional instructions for using getters and actions in Vuex

getters: {
	/**
	  * Parameter description:
	  * state: represents the satate in the current module
	  * getters: represents the getters object in the current module, generally other methods of the same level * rootState: represents the satate object of the main module * rootGetters represents the getters object of the main module *
	  * The main module is - index.js */  
	getName(state, getters, rootState, rootGetters){
		// Instructions // State and getters can be called directly // rootState.Module name.Attribute name // rootGetters['module name/getters method name under this submodule']
		//Except for state, all other functions use [''], which complies with the naming convention },
	.......
}

// actions in submodules
actions: {
	/**
	  * Parameter 1: context is an object. If the current actions are defined in a submodule, 
	  * The context will have the following 6 objects for developers to use * 
	  * 1. commit: call mutations
	  * (1). This module calls: commit('this module mutations method name', actual parameter)
	  * (2). Other modules call: commit('module name/other module's mutation method name', actual parameter, {root: true}),
	  * {root:true} fixed parameter, means to call it as the main module * 2. state: get the state of the current module
	  * 3. dispatch: call actions method * (1). This module calls: dispatch('actions method name of this module', actual parameter)
	  * (2). Calls from other modules: dispatch('module name/actions method name of other modules', null, {root: true})
	  * 4. Getters: Get the getters of the current module 
	  * 5. rootState: state under the main module
	  * 6. rootGetters: getters under the main module
	  *
	  * Parameter 2: value is the parameter passed when calling the component */
	refreshUserName(context, value){
	    setTimeout(()=>{
           store.commit('mutations method name', actual parameter value)  
       },2000)
	}
}

import { useStore } from 'vuex'
setup(){
    const store = useStore()
    // store === this.$store
    store.dispatch('module name/actions method name', parameter value)
}