[已解决]nuxt中为什么要把vuex定义成一个函数？

Question

业务背景学习用nuxt静态化vue项目把一个已经做好的vue项目迁移到nuxt框架下来遇到的困惑在vue中，定义vuex是直接定义的一个实例对象代码如下：export default new Vuex.Store({  state: {   },   mutations: {   },  debug: true });但是在nuxt官方文档中，却是这样定义的示例代码如下：const createStore = () => {  return new Vuex.Store({     state: {     },     mutations: {     }   }) }问题nuxt是出于什么原因要这样处理呢？只在调用时才实例化对象以节省性能？如果我要在其他非组件页面调用store对象，不是又得重新实例化了么？

Answer 1

当你的vuex需要一些同步渲染的数据的时候，函数可以接受上下文对象