我正在开发一个项目,我有一个API服务和webclient服务(托管google appengine,仅供参考)。 webapp / webclient由golang服务器提供服务,该服务器将接收请求,进行适当的API调用并使用来自API调用的数据编译HTML模板为了使用某些信息启动页面而不是等待应用程序本身进行API调用,这可能不那么SEO友好。
作为javascript
渲染引擎/框架,我正在使用vue.js
,为了在组件之间共享状态并拥有单一的事实来源,我正在尝试使用vuex ...
事情变得有点脏,因为我在Web服务器提供的响应中注入一些Javascript,包含动态vuex.Store.state
...初始状态插入HTML响应中,稍后导入外部Js文件(应用程序)将调用此全局存储,并将其插入根Vue实例及其每个子节点。
问题是,当我尝试通过this.$store.state
访问store.state时,我收到了
TypeError: undefined is not an object (evaluating 'this.$store.state')
有什么想法吗?是否可以在HTML文件中启动存储,在以后导入的外部文件中使用存储来注入其内容? 在外部JS中,我能够调用全局Store并将其记录在控制台中,因此该对象似乎是预期的全局。
启动根Vue实例并在选项中传递商店时,似乎是个问题,因为我在尝试在子Vue中调用this.$store.state
时出错。