Что делает метод $emit в Vue.js?

Метод $emit используется для генерации пользовательских событий из дочернего компонента. Это основной способ взаимодействия дочернего компонента с родительским в однонаправленном потоке данных Vue. Он позволяет дочернему компоненту уведомить родителя о том, что произошло какое-то событие, и, при необходимости, передать ему данные.

Принцип работы:

1. В дочернем компоненте вызывается $emit('eventName', payload).
   • eventName - строка, название события, которое будет сгенерировано.
   • payload (необязательно) - любые данные, которые нужно передать родительскому компоненту.
2. В родительском компоненте, при использовании дочернего компонента, слушается это событие с помощью директивы v-on или краткой формы @.
3. Когда событие с заданным именем сгенерировано дочерним компонентом, соответствующий обработчик в родительском компоненте выполняется.

Пример:

Дочерний компонент (ChildComponent.vue):

vue

Родительский компонент (ParentComponent.vue):

vue

$emit позволяет сохранять принцип однонаправленного потока данных, предотвращая прямое изменение состояния родителя дочерним компонентом. Дочерний компонент лишь сигнализирует о происходящем, а обработка и изменение состояния происходят в родительском компоненте.