Почему не получается передать пользовательское событие родительскому компоненту?

Модератор, понял, спасибо

Почему не получается передать пользовательское событие родительскому компоненту?

0xD34F, понял :)

все сработало
только остался один вопрос

как понимаю, передается событие только от потомка к родителю, но не выше?

как в таких случаях лучше организовать передачу события?

например: есть:
компонент
подкомпонент
подподкомпонент

чтобы от подподкомпонента событие обработалось основным компонентом

Почему не получается передать пользовательское событие родительскому компоненту?

спасибо большое за ответ!

действительно как обработчик я не написал, теперь вижу
поменял как вы подсказали, но все равно не работает

а вызвал я его верно, в методе sendemit?
вы написали что я его нигде не вызываю

lessonInstance.component('question', {
  data() {
    return {

    }
},
  props: ['question', 'index',],
  emits: ['selected-answer', 'select-word'],
  computed: {
    isActive: function () {
      
    },
  },
  methods: {
   
    testfunc: function() {
      console.dir('test msg')
    }
  },
  
  // playAudio(word.post_meta.audio),
  template: `<div  :class="question.elem_type">


                <div  v-if="question.elem_type == 'list'" 
                      v-for="word in question.words"
                      @testemit="testfunc"
                      class="word">

                      <word :word="word"></word>
                </div>

                <div v-if="question.elem_type == 'images'" 
                      v-for="word in question.words"
                      @click="selectWord()"
                      class="word">

                  <wordImg :image="word.post_meta.image"></wordImg>
                  <word :word="word"></word>
                  
                </div>

                

                <div v-if="question.elem_type == 'match'" class="matchContainer">
                      <match :question="question"></match>
                </div>
                
              </div>
              
              <div class="buttons-block">

                <div v-if="showCheckBlock" class="check">
                  <span @click="checkAnswer" >Проверить</span>
                </div>

                <div v-if="showNextBlock" class="next">
                  <div v-if="qResponse">
                    <p>верный ответ</p>
                  </div>
                  <div v-if="!qResponse">
                    <p>неверный ответ</p>
                    <p>Правильный ответ: {{ this.question.answer_true[0].post_title }}</p>
                  </div>
                  <span @click="$emit('selected-answer')">Далее</span>
                </div>
                
              </div>
              
              `
})