Vuex报错Uncaught TypeError: Cannot read properties of undefined (reading getters )
时间: 2023-11-28 20:06:15 浏览: 112
根据提供的引用内容,这个错误通常是由于在使用Vuex时没有正确定义getters导致的。getters是Vuex中的一个重要概念,它允许您从store中获取数据并进行操作,类似于Vue中的计算属性。如果没有正确定义getters,就会出现“Cannot read properties of undefined (reading 'getters')”这样的错误。
以下是解决此错误的步骤:
1. 确保您已正确安装和配置了Vuex,并且已在Vue应用程序中正确引入了Vuex。
2. 在Vuex store中定义getters。例如,以下代码定义了一个名为“myGetter”的getter:
```javascript
const store = new Vuex.Store({
state: {
myState: 'Hello World'
},
getters: {
myGetter: state => {
return state.myState.toUpperCase()
}
}
})
```
3. 在Vue组件中使用getter。例如,以下代码在Vue组件中使用了上面定义的“myGetter”:
```javascript
export default {
computed: {
myComputedValue () {
return this.$store.getters.myGetter
}
}
}
```
在这个例子中,我们使用了Vue的计算属性来调用getter。这将返回store中的“myState”值的大写形式。
阅读全文