Узнайте, как генерировать события в Vue.js на примере.
Директивы и события - одни из замечательных функций при выполнении некоторых задач внешнего интерфейса.
Мы можем использовать их и создавать из них крутые вещи на основе определенных условий и процессов.
В этой статье мы рассмотрим, как мы можем генерировать события в Vue.js.
Возьмем пример, когда вы работаете над определенным проектом и хотите передать некоторые параметры и даже функции от дочернего компонента к родительскому компоненту.
Как мы это делаем? Мы можем сделать это возможным с помощью событий emit в Vue.js.
Возьмем случай, когда у нас есть дочерний компонент и к нему прикреплено событие щелчка, и мы хотим передать функцию для события щелчка, которая будет выполняться из родительских компонентов.
Возьмем пример фрагмента кода, показанного ниже.
Поскольку мы хотим, чтобы функция deleteTask обрабатывалась в родительском компоненте, мы можем просто испустить данную функцию, чтобы она выполнялась в родительском компоненте.
Мы можем реструктурировать код, как показано ниже. Помните, что $ emit будет принимать два параметра, первый будет функцией, которая должна быть запущена, а второй параметр будет заданным параметром, который будет передан в функцию. .
Из фрагмента кода видно, что мы передаем deleteTask и заголовок задачи родительскому компоненту.
В родительском компоненте теперь мы можем легко получить доступ к этому параметру и эффективно обрабатывать наши варианты использования.
Из фрагмента кода выше и к дочернему компоненту Task мы добавили директиву v-on и передали функцию, которую передали от дочернего компонента.
Теперь внутри наших методов мы можем легко создать функцию deleteTask и передать туда нашу логику.
Именно так мы создаем парфюмерию и генерируем события в Vue.js.
Заключение.
Спасибо за то, что дошли до конца, и я надеюсь, что вы нашли эту статью полезной.
Для меня было бы очень много значить, если бы вы поделились этим произведением с другими.
Другие материалы
Больше контента на plainenglish.io