(更新了其他背景)
我有一个Vuex存储模块,需要在开始时自动加载其数据,因此可以在请求时使用(在这种情况下,这是一个“设置”存储,可在启动时从电子设置加载数据,但是有很多为什么我可能需要这样的原因)。
现在,我通过在商店模块上设置特殊的“ init”操作并将其从“ mount”生命周期挂钩上的Main.vue组件中分派来实现此目标,如下所示:
mounted() {
this.$store.dispatch('initSettings');
}
我希望的是一种模块可以简单地自我初始化的方法。理想情况下,类似于生命周期挂钩的东西类似于组件上的“已安装”挂钩,但在vuex存储模块中触发了。这样,我模块的用户就不需要知道他们必须调用“ init”以及实例化它。
我已经搜索过文档,但没有找到解决方案,但是如果我只是在寻找错误的内容,我希望有人可以找到一种优雅的方式来做到这一点。
我需要类似的东西,而我的解决方案是在文档加载时运行:
var app_store = new Vuex.Store({
state: state,
getters: getters,
mutations: mutations,
actions: actions,
});
$(document).ready(function()
{
app_store.dispatch("initSettings",null);
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句