在 Vue 3 Pinia 商店上设置状态的正确方法是什么?

Tin*_*ger 3 vue.js pinia

在 Vue 3(组合 API)Pinia 存储上初始化状态时,哪种模式更“正确”或更惯用?

选项1:

  state: () => ({
    user: {},
  }),
Run Code Online (Sandbox Code Playgroud)

选项2:

  state: () => {
    return {
      user: {},
    };
  },
Run Code Online (Sandbox Code Playgroud)

选项3:也许还有别的东西?

Z. *_*lah 8

他们是一样的。选项 1 和 2 是返回对象的函数。在箭头函数中,{代表函数的内容(如function x () {)。因此,如果您想返回一个对象(例如return {),您可以({像选项 1 那样使用。

参考:箭头函数高级语法