如何设置商店日期

Question

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

这个问题之前可能有人问过，但是我找不到了

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

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

希望这就是您要找的答案。

如何设置商店日期

How to set up store date

store

vue.js

vuex