Javascript Can';在模板中时,无法访问Vue存储区中的getter

Javascript Can';在模板中时,无法访问Vue存储区中的getter,javascript,data-binding,store,vue.js,vuex,Javascript,Data Binding,Store,Vue.js,Vuex,我有一个具有以下呈现()的组件。它可以工作并显示blopp应该显示的文本,但是blipp没有。在最终版本中,我希望它生成一个从存储状态中带出的字符串列表,并用作blip 它是基于以下内容渲染的 第二个组件根本没有任何价值,我不确定从哪里寻找原因 我可能设置不正确,但它有很多活动部件,对于无知的我来说有点难以诊断。当我尝试在控制台中运行以下命令时 临时$store.getters 我得到一个对象,它列出了如下的getter ... blipp:(...) get blipp: function()

我有一个具有以下呈现()的组件。它可以工作并显示blopp应该显示的文本,但是blipp没有。在最终版本中,我希望它生成一个从存储状态中带出的字符串列表,并用作blip

它是基于以下内容渲染的

第二个组件根本没有任何价值,我不确定从哪里寻找原因

我可能设置不正确,但它有很多活动部件,对于无知的我来说有点难以诊断。当我尝试在控制台中运行以下命令时

临时$store.getters

我得到一个对象,它列出了如下的getter

...
blipp:(...)
get blipp: function()
__proto__: Onject

不确定如何处理这些信息。。。它似乎是一个函数,但当我试图调用它时,它说它未定义。

getters函数的方式与states类似。因此,要解决这些问题,需要调用参数而不是方法,即

blipp: function() { return this.$store.getters.getBlipp }
在这种情况下,您可能需要将
getBlipp
重命名为简单的
blipp

我制作了一个JSFIDLE,它展示了与vuex商店交互的各种方式,希望它能有所帮助:


getter的功能与状态类似。因此,要解决这些问题,需要调用参数而不是方法,即

blipp: function() { return this.$store.getters.getBlipp }
在这种情况下,您可能需要将
getBlipp
重命名为简单的
blipp

我制作了一个JSFIDLE,它展示了与vuex商店交互的各种方式,希望它能有所帮助:


哦,老兄。。。我从一开始就理解对了,但拼写错误(忘记了复数形式)。所以你的回答既证实了我确实得到了这些东西,也证明了我是一个懒惰的开发人员,依赖智能感知的力量,呵呵。愚蠢的JavaScript和愚蠢的灵活性让我觉得拼写不正确很愚蠢,哈哈哈+1为小提琴上的努力。这将在许多其他方面有所帮助。真的很感激。哦,老兄。。。我从一开始就理解对了,但拼写错误(忘记了复数形式)。所以你的回答既证实了我确实得到了这些东西,也证明了我是一个懒惰的开发人员,依赖智能感知的力量,呵呵。愚蠢的JavaScript和愚蠢的灵活性让我觉得拼写不正确很愚蠢,哈哈哈+1为小提琴上的努力。这将在许多其他方面有所帮助。非常感谢。
...
blipp:(...)
get blipp: function()
__proto__: Onject
blipp: function() { return this.$store.getters.getBlipp }