Как использовать ref для доступа к DOM-элементам?

ref в контексте DOM — это мост между реактивной системой Vue и императивным DOM API. Создаёшь const el = ref<HTMLElement | null>(null), привязываешь <div ref="el">, после монтирования el.value содержит реальный DOM-узел. Дальше вызываешь нативные DOM-методы: getBoundingClientRect(), focus(), scrollIntoView().