Vue emit will not be important in other component - vue.js

Question

I am making a vue history quiz app, I have my questions retrived from an API. I want to show the questions, the correct answers and the user’s answers at the ResultScreen view. The way I have gone about it is to push the question into an array and $emit it. I can see it being stored in my vue tools, but for some reason it does not show in the component I want to show it in and consequently in on the resultScreeen.
The currentQuestion is an object that holds the question and the answers.
[the code that emits the array.]
storeQuestion: function (value) {
value = this.submitData.questionArray1
this.$emit('storeData', value)
console.log(value, 'my pants are on fire')
}
shows vue tools at it has been stored.
[the component where I want to project it and the function that will not show the question.]
<template>
<div>
<QuizQuestion
v-if="questions.length"
:currentQuestion="questions[index]"
#storeData="storeQuestion"
/>
<p v-if="questions">{{ questions }}</p>
<p v-else=""> loading.....</p>
</div>
</template>
<script>
// import { mapGetters } from 'vuex'
import QuizQuestion from '#/components/QuizQuestion.vue'
// se på gameplay hvor vi returner numcorrect, numtotal og numpoints, vi må se på hvordan vi kan importere verde
export default {
name: 'GameOver',
components: {
QuizQuestion
},
data () {
return {
questions: ''
}
},
methods: {
storeQuestion: function (value) {
this.questions = value
alert(value)
}
}
}
</script>
this.submitData.questionArray1.push(this.currentQuestion.question)

Answer 1

The problem lies in your template, specifically, this line:
<p v-if="questions">{{ storeQuestion() }}</p>
Because the method storeQuestion does not return a string value, it returns undefined regardless of what the value of questions is.
Without knowing the shape of the data being stored in questions is, it's hard to know exactly what code you want, but I suspect you want something like:
<p v-if="questions">{{ questions.text }}</p>
...or perhaps...
<p v-if="questions">{{ questions[index].text }}</p>
...or the like.
However, ancillary to your question about how to display something, your data structure is confusing me. I would expect a data variable called questions to be an Array, not at Object (especially since you're using Array access methods (such as .length and questions[index] on it. I suspect you'll have some additional changes to make, but that's beyond of the scope of your question about displaying info in the v-if statement.