Как изменять хэш в url страницы при скролле и попадании олбъекта с хешем в id в видимую часть экрана?

Суть в том, что есть список объектов с хешами в id, как сделать так, чтобы хэш страницы менялся когда этот объект попадает в видимую часть экрана, желательно на vue?