Vue.js Vuex突变不'；似乎没有在加载时更新状态

因此，我在页面加载时提交了一个变异，但它似乎没有更新状态，但如果我在页面上提交了相同的变异，它就可以正常工作。当页面加载后还没有准备好进行更新时，我是否遗漏了什么

main.js：

newvue({
路由器，
商店，
jQuery，
el:“#应用程序”，
安装的（）{
store.dispatch（'getImages'）；
},
渲染：h=>h（应用程序）
});

Store.js

const state={
图片：[]
};
常量getters={
getImages：（状态）=>{
返回状态。图像；
}
};
常数突变={
getImages：（状态，有效负载）=>{
让那=这；
$client.getSpace（process.env.VUE\u APP\u CONTENTFUL\u SPACE\u ID）
。然后（（环境）=>{
Environment.getAssets（）
。然后（（资产）=>{
让图像=[]；
assets.items.forEach（功能（项目）{
如果（！item.fields.title['en-US'].包括（'About'））{
image.push（item.fields.file['en-US'].url）；
}
});
Vue.set（状态“图像”，图像）；
localStorage.images=JSON.stringify（图像）；
});
});
},
};
常量动作={
getImages（{commit}）{
setTimeout（函数（）{
提交（'getImages'）
}, 500)
}
};
导出默认的新Vuex.Store({
国家,，
突变，
获得者，
行动
})

您需要将应用商店传递给应用实例

import store from./store'//正确的存储路径
新Vue({
路由器，
应用商店，您需要将应用商店传递给应用实例

import store from./store'//正确的存储路径
新Vue({
路由器，
商店，