如何设置商店日期答案

【问题标题】：How to set up store date如何设置商店日期
【发布时间】：2020-09-11 02:40:34
【问题描述】：

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

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

【问题讨论】：

您需要为此问题提供更多信息。
嗯，这很简单，说实话，假设我有用户，我想在操作组件中访问用户以及我想编辑/删除用户数据的地方。我需要在商店中有用户，以便我可以在所有其他组件中访问它，以前我曾经在 allUsers 组件中加载用户数据，现在我将把它放在商店中，我可能需要在某个地方加载数据否则，

【解决方案1】：

您的问题不清楚，但如果您想集中您的逻辑。您的商店文件如下所示：

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)
   }
}

基本上，上面的代码向您展示了一个逻辑。如果你想获得一些处于状态的数据，你应该有一个吸气剂。如果你想改变一些处于状态的数据，你应该使用突变来做到这一点。如果您想制作一些功能，例如将用户详细信息发布到服务器，从服务器获取数据，您应该使用操作，即使您可以在操作中进行这些更改，也不要这样做。因为动作是异步的，突变不是。

我希望这是您所寻找的答案。

【讨论】：