В чем разница между хуками beforeMount и mounted в Vue?

Разница между хуками beforeMount и mounted в Vue заключается в том, когда они вызываются и что происходит в этот момент.

beforeMount вызывается непосредственно перед монтированием компонента. ru.vuejs.org Когда вызывается этот хук, компонент завершил установку своего реактивного состояния, но ни один из узлов DOM ещё не был создан. ru.vuejs.org Хук не вызывается во время отрисовки на стороне сервера. ru.vuejs.org

mounted вызывается после того, как компонент был смонтирован. ru.vuejs.org Компонент считается смонтированным после того, как: ru.vuejs.org

• Все его синхронные дочерние компоненты были смонтированы (не включая асинхронные компоненты или компоненты внутри деревьев <Suspense>). ru.vuejs.org
• Его собственное DOM-дерево было создано и вставлено в родительский контейнер. ru.vuejs.org

Таким образом, beforeMount фокусируется на этапе подготовки к монтированию, а mounted — на этапе после монтирования компонента, когда доступны шаблоны и отображаемый DOM. github.com fjolt.com