Как прослушать пользовательское событие vue3?

Question

[Тимофей]

Делаю как в документации:
this.$emit('test-event')
В дочернем компоненте
<button @test-event="testMethod()" >Тест</button>
И это не работает, я даже пытался прослушать в том же компоненте в котором создается событие. В расширении vue для google chrome отображается пользовательское событие, но как мне его прослушивать?

И почему судя по докам я должен прослушивать событие в шаблоне? оно не как не связано с шаблоном, не должно быть что-то в секции

Answer 1

[Антон Антон]

$emit - это отправка в непосредственный родительский компонент. В дочерний данные передаются пропсами. Еще можно напрямую вызвать метод дочернего через ref. Внутри самого себя также можно вызвать метод.
Либо можно прикрутить стор или общую шину.

Comments

[Тимофей]

спасибо вам добрый человек, через ref работает прекрасно.

Answer 2

[WapSter]

Через ref слушать вообще не рекомендуется. Вся твоя ошибка в одной корявой строке
@test-event="testMethod()"
Зачем ты вызываешь функцию не понятно. И второе если уж вызываешь то будь добр передай в нее параметры, если что $emmit наружу кидает просто значение первым аргументом