Отслеживание хуков watcher-ом
Какие хуки отслеживает watcher во Vue? Я имею ввиду Триггер watcher'ов внутри хуков жизненного цикла на https://habr.com/ru/companies/constanta/articles/435700/. Пытался искать в документации - не нашел. Если есть (плохо искал),то приведите ссылку.
Ответы (1 шт):
Автор решения: Виктор Карев
→ Ссылка
Вот документация: https://v3.ru.vuejs.org/ru/api/options-lifecycle-hooks.html В статье есть обяснения, но требуются некоторые уточнения.
Итак, что у нас происходит?
Создание объекта:
- Объект инициализируется.
- Вызывается хук beforeCreate, amount=1, но механизмы слежения не установлены.
- Экземпляр завершает настройку, устанавливает слежение
- Вызывается хук created, amount=2, флаг изменения amount поднят.
- Компилируется шаблон или функция render.
- Вызывается хук beforeMount, amount=3, флаг изменения amount поднят.
- Объект монтируется
- Вызывается хук mounted, amount=4, флаг изменения amount поднят.
- Начинается новый тик, срабатывает watcher, выводит в лог 4.
Удаление:
- Вызывается хук beforeUnmount, amount=5, флаг изменения amount поднят.
- Объект размонтируется, уничтожаются механизмы слежения.
- Вызывается хук unmounted, amount=6, слежение отсутствует.
- Начинается новый тик, никакого слежения нет, в лог ничего не выводится.
В результате в логе имеем только цифру 4