Vue.js 如何设置存储日期

Vue.js 如何设置存储日期,vue.js,vuex,store,Vue.js,Vuex,Store,我有我想在多个组件中使用和操作的数据。出于这个原因,我决定开始使用store,但我不知道应该在什么阶段向服务器发出请求并设置store数据 这个问题以前可能有人问过,但我找不到你的问题不清楚,但如果你想集中你的逻辑。您的存储文件如下所示: state:{ user:{ id: "", name: "", ... .. . } } getters:{ get_user: state => state.user,

我有我想在多个组件中使用和操作的数据。出于这个原因,我决定开始使用store,但我不知道应该在什么阶段向服务器发出请求并设置store数据


这个问题以前可能有人问过,但我找不到

你的问题不清楚,但如果你想集中你的逻辑。您的存储文件如下所示:

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组件中加载用户数据,现在我将把它放在商店中,我可能需要在其他地方加载数据,