Navigating in a Single Page App

What is the proper way to navigate to a route without a page load, as in a SPA (Single Page App)?

I’m confused about when to use a

<div id="view-about">

and link with simply

<a href="#view-about">

versus a view with a dataname

      <div class="view">
        <div class="page" data-name="about">
          <div class="page-content">
               About us -- we are...
          </div>
        </div>
      </div>

Is there a syntax for the routes that says “load this template/view, no reason to make a web request because it’s already in the DOM”.

I’m almost sure there is a way, but I don’t know the syntax.

Thx.

Tac

I thought I found it, pageName:

but that’s not working, evidently it only works with stackedPages. :frowning:

This is documented for version 8 – does it still exist?