Что делает хук Mounted во Vue

Хук mounted во Vue вызывается после того, как экземпляр компонента был вставлен в DOM. Это идеальное место для выполнения операций, требующих доступа к DOM-элементам, например, инициализации библиотек, работы с DOM API или выполнения AJAX-запросов.

Пример:

export default {
  mounted() {
    // Теперь элемент доступен в DOM
    this.$el.style.color = 'red';
    // Или через refs
    this.$refs.myButton.addEventListener('click', this.handleClick);
  }
}

Важно помнить:

• Не гарантирует, что дочерние компоненты уже смонтированы (для этого есть $nextTick)
• Не вызывается при SSR (рендеринге на сервере)
• Для очистки событий/таймеров используйте хук beforeUnmount