Routing to Another Route
In a previous section, you linked another route via plan ES6 JavaScript with the <router-link /> component. The <router-link /> component accepts a single prop: to. The to prop is equivalent to href with the <a> HTML tag. In fact, <router-link /> actually gets rendered as an anchor tag with a href attribute.
Routing Using String Paths
The easiest way to link to another route is to pass in a string to the to prop. The string directory corresponds to the path property in the route object in the router.js
<router-linkto="/about">To the About Page</router-link>
The router-link above renders out to a <a> tag:
<ahref="/about">To the About Page</a>
Routing Using Names and Parameters
Sometimes it’s easier to remember a name of a route versus the string URL path. You can link to another route by using the name property in the route object.
router.js
importVuefrom'vue&apos...