It doesn't seem to work when using vuex. $store.commit for the first time

I want to assign values to store in the root instance and then get these values in the subcomponent. However, it does not seem to be able to assign a value to store in the root instance.

var store = new Vuex.Store ({

) 
state: {
    paramInfos: []

},
mutations: {
    initParamInfos(state,paramInfos) {
        state.paramInfos = paramInfos;
    }
},
actions:{ 
}

}); 

function(){
var self=this;
self.$store.commit("initParamInfos", data);
}

in devtool, it is an arrary in base. After
commit, it becomes an object that can be expanded wirelessly all the time.

clipboard.png

clipboard.png


:

debugundefined

clipboard.png

clipboard.png

clipboard.png

Vuex
May.31,2022
Is there no function in

actions

to commit in actions

then dispatch this action

is roughly the following routine. I suggest you take a look at the syntax of vuex 

var store = new Vuex.Store({
    state: {
        paramInfos: []
    },
    mutations: {
        initParamInfos(state,paramInfos) {
            state.paramInfos = paramInfos;
        }
    },
    actions:{ 
        getInfo({commit},data) {
            commit('initParamInfos',data)
        }
    }
});
function initData(){
    let mydata = [1,1,1,1];
    this.$store.dispatch('getInfo',mydata);
}

well, I think I know why. I didn't write it correctly when taking the value. I forgot to add state.
this.$store.paramInfos;
this.$store.state.paramInfos;
but why devtool is such a presentation is still not clear.

Previous: Conversion between wstring and string, questions about the usage of function setlocale

Next: Pip installs third-party module time error

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e44549-44aa5.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e44549-44aa5.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?