Within my Vuex store, I am able to see it in the Vue Devtools tool. However, when attempting to load data into a computed property, an error message stating that it is not defined is displayed.
computed: {
userData(){
return this.$store.state.userData
}
},
changeActivePage(newPage){
console.log(newPage);
if(!this.userData.loggedIn){
...
}
}
The specific error message being triggered is:
[Vue warn]: Error in event handler for "changeActivePage": "ReferenceError: userData is not defined"
I cannot seem to figure out what the issue might be. Could I possibly be missing something important?