Vue.js 如何设置存储日期
我有我想在多个组件中使用和操作的数据。出于这个原因,我决定开始使用store,但我不知道应该在什么阶段向服务器发出请求并设置store数据Vue.js 如何设置存储日期,vue.js,vuex,store,Vue.js,Vuex,Store,我有我想在多个组件中使用和操作的数据。出于这个原因,我决定开始使用store,但我不知道应该在什么阶段向服务器发出请求并设置store数据 这个问题以前可能有人问过,但我找不到你的问题不清楚,但如果你想集中你的逻辑。您的存储文件如下所示: state:{ user:{ id: "", name: "", ... .. . } } getters:{ get_user: state => state.user,
这个问题以前可能有人问过,但我找不到你的问题不清楚,但如果你想集中你的逻辑。您的存储文件如下所示:
state:{
user:{
id: "",
name: "",
...
..
.
}
}
getters:{
get_user: state => state.user,
get_userID: state => state.user.id,
...
}
mutations:{
SET_USER(state, payload){
state.user = payload
},
SET_USER_ID(state, payload){
state.user.id = payload
}
...
}
actions:{
add_user({ commit }, userData){
// you can make some http request here if you have
commit("SET_USER", userData)
}
}
基本上,上面的代码向您展示了一个逻辑。如果您想获取一些处于状态的数据,您应该有一个getters。如果您想更改某些处于状态的数据,应该使用突变来进行更改。如果您想实现一些功能,如将用户详细信息发布到服务器、从服务器获取数据等,您应该使用操作,即使您可以在操作中进行这些更改,也不要这样做。因为动作是异步工作的,而不是
我希望这就是您想要的答案。您需要为这个问题提供更多信息。老实说,这是直截了当的,假设我有用户,我想访问actions组件中的用户,以及我想编辑/删除用户数据的位置。我需要在商店中有用户,这样我就可以在所有其他组件中访问它,以前我在allUsers组件中加载用户数据,现在我将把它放在商店中,我可能需要在其他地方加载数据,