Какие хуки жизненного цикла Vue выполняются на серверной стороне?

Question

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

YeaHub · Accepted Answer

При использовании SSR компонент Vue проходит упрощённый жизненный цикл, так как рендеринг происходит в среде без браузера.Общий принцип SSRНа сервере:Нет доступа к DOMКомпонент рендерится в строку HTMLВыполняется только логика, не зависящая от браузераХуки, которые выполняются на сервереНа серверной стороне доступны только хуки, не требующие DOM.beforeCreateКомпонент создаётсяДанные ещё не инициализированыcreatedРеактивные данные доступныМожно выполнять подготовку данныхЧасто используется для загрузки данныхХуки, которые не выполняютсяСледующие хуки не вызываются при SSR:beforeMountmountedbeforeUpdateupdatedbeforeUnmountunmountedПричина заключается в отсутствии этапов монтирования и обновления DOM.Практические последствияЗапросы данных для SSR размещают в createdЛюбая работа с window, document или DOM запрещенаЛогика, зависящая от браузера, должна быть перенесена в клиентские хукиВыводНа серверной стороне Vue выполняет только хуки инициализации, что требует аккуратного разделения логики между сервером и клиентом.