vuex的actions返回结果类型是promise及actions方法互相调用

关注

原创 2024-06-28 22:04:19 795 阅读 AI 写同款· GEO 优化 ›

PX4飞控神经网络控制：从仿真到嵌入式部署实战神经网络控制正逐步革新传统PID在无人机领域的统治地位。通过将深度学习模型部署到PX4飞控硬件，实现了从传感器数据直接生成电机指令的端到端控制。这种架构依赖TensorFlow Lite Micro等轻量级推理框架，在STM32等嵌入式处理器上可达到93μs级推理速度。关键技术突破包括：基于NVIDIA Isaac Gym的高效仿真训练、模型量化压缩技术（如8位整数量化）、以及与PX4原生安全架构的无缝集成。该方案在mRobotics Pixracer Pro等硬件上验证了可行性，为无人机姿态控制、视觉导航阅读详情

this.$store.dispatch(‘logout’)返回的结果是Promise类型的
在这里插入图片描述
调用成功的情况下，返回状态为fulfilled，值为undefined。
所以可以直接进行.then操作：

this.$store.dispatch('logout').then((result) => {
  console.log(result);
});

因为 Vuex 的 action 是设计为可以处理异步操作的，并且当你调用 dispatch 方法时，它会返回一个表示该操作完成的 Promise。

拓展：

1.其余的store.getters、store.commit是同步的，则不返回promise。

2.在actions中可以通过dispatch调用actions中其他的方法

  actions: {
    resetToken ({ dispatch }) {
      dispatch('logout').then(() => {
        console.log("...");
      })
    },
    logout ({ commit }) {
      localStorage.removeItem('token')
      localStorage.removeItem('role')
      commit('setToken', '')
      commit('setRole', '')
    }
  },

在Vuex中，actions中的函数传递的第一个参数是一个包含以下属性的上下文对象（context）：

a.state：当前模块的局部状态对象。
b.rootState：整个Vuex的根状态对象。
c.commit：用于提交mutation的方法。
d.dispatch：用于分发action的方法。
e.getters：当前模块的局部getters对象。
f.rootGetters：整个Vuex的根getters对象。

使用解构赋值将其中需要的结构出来。

第二个参数是载荷，即传给Vuex的数据。

mutations函数接收两个参数：
a.state：当前模块的局部状态对象。
b.payload：可选的参数，用于传递额外的数据。