Javascript 如何正确调用NuxtServerInit?
VUEX存储库中有这样的代码:Javascript 如何正确调用NuxtServerInit?,javascript,vue.js,vuex,nuxt.js,Javascript,Vue.js,Vuex,Nuxt.js,VUEX存储库中有这样的代码: export const state=()=>({ z:'sdfjkhskldjfhjskjdhfksjdhf', }); 导出常量突变={ Firmenistore2的初始化数据(状态,上传的FirmenistoreData){ state.z=上传的FirmenistoreData; }, }; 异步nuxtServerInit({commit}){ 控制台日志('111'); 提交('firmenistorie2'的初始化数据'123) } }如果您的st
export const state=()=>({
z:'sdfjkhskldjfhjskjdhfksjdhf',
});
导出常量突变={
Firmenistore2的初始化数据(状态,上传的FirmenistoreData){
state.z=上传的FirmenistoreData;
},
};
异步nuxtServerInit({commit}){
控制台日志('111');
提交('firmenistorie2'的初始化数据'123)
}
}
如果您的store/index.js
有一个操作nuxtServerInit
,那么Nuxt
将调用它
所以你的代码看起来像
export const state = () => ({
z: 'sdfjkhskldjfhjskjdhfksjdhf',
});
export const mutations = {
init_data_for_firmenistorie2(state, uploadDbFirmenistorieData) {
state.z = uploadDbFirmenistorieData;
},
};
export const actions = {
nuxtServerInit({ commit }) {
console.log('111');
commit('init_data_for_firmenistorie2', 123);
},
};
如果您的
store/index.js
有一个操作numtserverinit
,则numxt
将调用它
所以你的代码看起来像
export const state = () => ({
z: 'sdfjkhskldjfhjskjdhfksjdhf',
});
export const mutations = {
init_data_for_firmenistorie2(state, uploadDbFirmenistorieData) {
state.z = uploadDbFirmenistorieData;
},
};
export const actions = {
nuxtServerInit({ commit }) {
console.log('111');
commit('init_data_for_firmenistorie2', 123);
},
};
创建一个actions对象,然后将
nuxtServerInit
放入其中:
export const actions = {
nuxtServerInit(vuexContext, context){
vuexContext.commit('init_data_for_firmenistorie2', 123);
}
}
通过上下文
,您还可以访问例如参数
,路由
,重定向
等。
文档:您创建了一个actions对象,然后将您的
nuxtServerInit
放入其中:
export const actions = {
nuxtServerInit(vuexContext, context){
vuexContext.commit('init_data_for_firmenistorie2', 123);
}
}
通过上下文
,您还可以访问例如参数
,路由
,重定向
等。
文档:如果此存储文件的名称为“company_history.js”-我不明白应该在storage index.js中写什么?现在我在索引文件中有这样的内容:将文件名
indexPage.js
更改为index.js
并创建导出常量操作。。。正如我在上面所展示的,如果我更改了名称,我会遇到这样的问题:因为它,我使用了这个名称(IndexPage)。Index.js状态成为rootstate的一部分,您可以从那里访问它。而分派操作只是删除前缀的问题。因为它的根级操作。只要执行$store.dispatch('init_state_for…'),如果这个存储文件名为“company_history.js”-我不明白我应该在storage index.js中写什么?现在我在索引文件中有这样的内容:将文件名indexPage.js
更改为index.js
并创建导出常量操作。。。正如我在上面所展示的,如果我更改了名称,我会遇到这样的问题:因为它,我使用了这个名称(IndexPage)。Index.js状态成为rootstate的一部分,您可以从那里访问它。而分派操作只是删除前缀的问题。因为它的根级操作。只需执行$store.dispatch('init_state_for…'))