如何设置商店日期

问题描述 投票:-2回答:1

我有想要在多个组件中使用和处理的数据。因此,我决定开始使用商店,但是我不知道应该在哪个阶段向服务器请求并设置商店数据。

该问题可能是之前提出的,但我找不到它

vue.js vuex store
1个回答
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)
   }
}

基本上,以上代码向您展示了一种逻辑。如果要获取一些处于状态的数据,则应该使用吸气剂。如果要更改某些状态的数据,则应使用突变来实现。如果您要进行一些功能,例如将用户详细信息发布到服务器,从服务器中获取数据(诸如此类),则应该使用操作,即使您可以在操作中进行这些更改,也不要这样做。因为动作异步运行,所以突变不会。

我希望这是您想要的答案。

© www.soinside.com 2019 - 2024. All rights reserved.