为什么 vue store 状态定义不同？ (Nuxt, Vue)

Question

// nuxt vuex module
export const state = () => ({
  test : '',
});

// state should be a method that returns an object in store/index.js 
export const state = {
  test : '',
};

// pure vue or classic mode
const store = new Vuex.Store({
  state: {
    count: 0
  },
})

为什么我们在模块模式下使用vuex时需要将状态返回给nuxt中的函数？

我不知道为什么。

在mutation和action的情况下，如果你马上分配一个对象，也分配状态是正常的吗？

Answer 1

好问题，我也不确定。我唯一能找到的是this comment。显然是为了解决并发问题，这是 Vue 在浏览器中不会遇到的问题。

例如，关于返回存储文件中状态的函数，实际上是 Evan 将其实现到 Nuxt.js 中以避免两个并发请求之间的状态相同

编辑

更多地遵循兔子洞，更广泛的情况是它需要遵守这个服务器渲染规则："Avoid Stateful Singletons"

事物的节点方面需要一种方法来获取初始状态的新副本，这只能通过函数实现，因为状态对象可能已被其他请求改变。