  &quot;/&quot;: Home,
    &quot;/page1&quot;: Page1,
})</code></pre>
<p>Here we specify two routes: <code>/</code> and <code>/page1</code>, which render their respective components when the user navigates to each URL. By default, the SPA router prefix is <code>#!</code></p>
<hr>
<h3 id="navigating-to-different-routes"><a href="#navigating-to-different-routes">Navigating to different routes</a></h3>
<p>In the example above, the <code>Menu</code> component has two links. You can specify that their <code>href