Как открыть карточку определенную товара по клику в каталоге?

Я нашёл как делать маршрутизацию, но я не могу понять и не знаю где искать, как сделать, чтобы по нажатию на каталог у меня открывалась именна страница каталога из HTML, возможно ли это? Сейчас при нажатии на каталог у меня меняется url и выводится catalog в консоль. Понимаю, что можно вставить таким образом всю страницу, заменив контент текущей, но возможно ли именно открыть catalog.html, а затем туда уже вставить элемент?

<ul>
        <li><a href="/#/">Home</a></li>
        <li><a href="/#/catalog">catalog</a></li>
    </ul>

router
  .add(/catalog/, () => {
    console.log('catalog')
  })