在Action方法参数中，payload应置于大括号内还是外部？

这两种写法的区别完全取决于你使用的状态管理库的官方约定，核心结论如下：

• 如果用Vuex：必须选第二种写法
  Vuex的Action函数默认第一个参数是context上下文对象（包含state、dispatch、commit等核心属性），第二个参数才是传递过来的payload业务数据。第一种写法把payload放进context解构里是错误的——因为Vuex的context本身不包含payload属性，这么写会导致payload值为undefined。

  正确示例：

  async loadData({ state, dispatch }, payload) {
    try {
      // 直接使用payload处理业务逻辑
      console.log('传入的业务数据：', payload);
      await dispatch('fetchDetail', payload.id);
    } catch (e) {
      console.error(e);
    }
  },
  

• 如果用Pinia：两种写法都不需要，直接把payload作为Action的唯一参数即可
  Pinia的Action可以通过this直接访问state、其他Action等，不需要解构上下文对象，写法更简洁：

  async loadData(payload) {
    try {
      console.log('传入的业务数据：', payload);
      await this.fetchDetail(payload.id);
    } catch (e) {
      console.error(e);
    }
  },
  

• 自定义函数场景：如果是自己封装的非标准Action逻辑，可以按团队约定来，但建议跟主流库保持一致，用第二种写法——把上下文和业务数据分开，代码可读性更高。

内容的提问来源于stack exchange，提问作者Spartak Borisov