Всем привет, в этой статье я расскажу вам о жизненном цикле VueJS и это будет очень подробная статья. Рекомендую терпеливо прочитать. Если вы готовы, давайте начнем
Компонент vue может пройти 4 стадии;
- Создание
- Монтаж
- Обновление
- Размонтирование
Первая часть, которую мы рассмотрим, — это раздел создания.
Создание
Мы можем использовать два разных метода перед рендерингом. до и после создания
- перед созданием()
- созданный()
beforeCreate : в методе beforeCreated он не обрабатывается компонентом, но готов к отображению. !!! Этот созданный метод является лучшим местом для вызова API. например; получение информации о пользователях при переходе на страницу.
Монтаж
В этом разделе компонент или html монтируется на купол.
- до монтирования()
- установлен()
если компонент необходимо заменить до или после его первой обработки. Поскольку доступ и манипуляции с домом готовы, лучше всего это сделать здесь.
сосредотачивает элемент ввода следующим образом: непосредственно захватить узел dom
Обновление
Запускается при изменении реактивного свойства, например используемых данных или вычисляемых свойств, или при повторном запуске компонента.
- перед обновлением ()
- обновлять()
Прежде чем обновление будет применено к dom, оно используется для доступа к dom перед обновлением и удаления прослушивателей событий для элементов, которые можно удалить после обновления.
Размонтирование
Является ли этап разборки моментом, когда ваш компонент будет удален из дома?
- перед размонтированием()
- демонтированный
это, вероятно, предыдущая развязка, поскольку ваша функция отображения здесь все еще полностью функциональна.
Здесь можно навести порядок, например, удаление сетевых запросов, удаление добавленных вручную прослушивателей событий, отмену подписок.
Для того, чтобы более подробно разобраться в этих частях, я расскажу еще о 8 процессах в другой своей статье. Большое спасибо, что выслушали
https://github.com/hakanbudak/hakanbudak
