VueJS - это реактивный javascript-фреймворк, популярный среди интерфейсных разработчиков. Vue можно использовать для создания крупномасштабных одностраничных приложений и пользовательских интерфейсов. Он легкий и легкий в освоении.

Сегодня я собираюсь описать некоторые моменты, которые мы должны знать о ловушке жизненного цикла экземпляра Vuejs. Думаю, у вас есть основная идея, касающаяся жизненного цикла экземпляра vuejs. Если нет, вы можете обратиться к официальному руководству по Vuejs API.

Https://vuejs.org

Ниже приведены в основном 8 методов жизненного цикла.

  1. Перед созданием
  2. Создано
  3. Перед установкой
  4. Установлен
  5. Перед обновлением
  6. Обновлено
  7. Перед уничтожением
  8. Уничтожено

Это порядок выполнения методов в течение жизненного цикла компонента.

Когда мы реализуем наш код внутри этого метода, мы должны учитывать некоторые моменты. Если только не могут возникнуть проблемы во время создания экземпляра и его жизненного цикла.

  • События жизненного цикла компонента по умолчанию синхронизируются. Это означает, что код будет выполняться по порядку после поднятия.
  • Мы можем использовать async, если нам нужно использовать их как async функции. Но методы жизненного цикла по умолчанию будут выполняться как sync.

некоторые важные моменты:

  • При необходимости мы можем сделать метод created как async для реализации некоторых async вызовов. Но будет лучше, если мы сможем проверить доступность данных для этого вызова, когда в компоненте произойдет событие created.
  • Лучше всего, если мы сможем использовать событие connected для объявления наших async вызовов. Потому что, когда дело доходит до смонтированного, данные будут доступны, пока есть полный доступ к реактивному компоненту, шаблону и визуализированной модели DOM.
  • Некоторые предлагают не использовать async для созданного события.
  • И мы должны уничтожить шины событий, часы, удалить переменные и очистить компонент в событии beforeDestroy .