Using Vue-Router

User now has the option to implement Vue Router during the 'vno create' process. vno populates the parent and child components of your application and creates a new index.js in a 📁 /router folder within your project.

Creating Routes and Router Instances

vno defines routes for each of your created components, then initializes a new instance of Vue Router within the /router/index.js file and exports it for use across your application.

<router-view /> and Mounting

On the parent component page, vno also creates a <router-view /> instance. <router-view /> is a functional component that renders the matched component for the given path. Finally, the router instance is exported and mounted to the parent component, passing functionality to the entire SPA.