Какие хуки доступны до создания DOM-дерева компонента?

Question

До создания DOM-дерева во Vue доступны хуки beforeCreate и created. В beforeCreate ещё нельзя работать с данными и методами. В created уже доступны данные, вычисляемые свойства и методы. Однако DOM на этом этапе ещё не существует. Эти хуки используются для инициализации логики, не связанной с DOM.

YeaHub · Accepted Answer

Перед монтированием компонента Vue проходит начальный этап инициализации, на котором DOM ещё не создан.Хук beforeCreateЭтот хук вызывается самым первым.Особенности:Реактивные данные недоступныМетоды и computed ещё не инициализированыИспользуется крайне редкоПример использования ограничен логикой, не зависящей от состояния компонента.Хук createdНа этом этапе инициализация данных завершена.Возможности:Доступны data, methods, computedМожно подписываться на событияМожно инициировать загрузку данныхПример:export default {
  created() {
    this.fetchData(); // DOM ещё недоступен
  }
};
Что недоступно на этом этапеDOM-элементыrefsРабота с размерами и позициями элементовВыводХуки beforeCreate и created используются для ранней инициализации логики компонента, когда DOM ещё не существует и работать с ним нельзя.