VueJS - это реактивный javascript-фреймворк, популярный среди интерфейсных разработчиков. Vue можно использовать для создания крупномасштабных одностраничных приложений и пользовательских интерфейсов. Он легкий и легкий в освоении.
Сегодня я собираюсь описать некоторые моменты, которые мы должны знать о ловушке жизненного цикла экземпляра Vuejs. Думаю, у вас есть основная идея, касающаяся жизненного цикла экземпляра vuejs. Если нет, вы можете обратиться к официальному руководству по Vuejs API.
Ниже приведены в основном 8 методов жизненного цикла.
- Перед созданием
- Создано
- Перед установкой
- Установлен
- Перед обновлением
- Обновлено
- Перед уничтожением
- Уничтожено
Это порядок выполнения методов в течение жизненного цикла компонента.
Когда мы реализуем наш код внутри этого метода, мы должны учитывать некоторые моменты. Если только не могут возникнуть проблемы во время создания экземпляра и его жизненного цикла.
- События жизненного цикла компонента по умолчанию синхронизируются. Это означает, что код будет выполняться по порядку после поднятия.
- Мы можем использовать async, если нам нужно использовать их как async функции. Но методы жизненного цикла по умолчанию будут выполняться как sync.
некоторые важные моменты:
- При необходимости мы можем сделать метод created как async для реализации некоторых async вызовов. Но будет лучше, если мы сможем проверить доступность данных для этого вызова, когда в компоненте произойдет событие created.
- Лучше всего, если мы сможем использовать событие connected для объявления наших async вызовов. Потому что, когда дело доходит до смонтированного, данные будут доступны, пока есть полный доступ к реактивному компоненту, шаблону и визуализированной модели DOM.
- Некоторые предлагают не использовать async для созданного события.
- И мы должны уничтожить шины событий, часы, удалить переменные и очистить компонент в событии beforeDestroy .