Part 2 — Lazy loading routes and vendor bundle anti-pattern. Lazily loaded routes is a popular technique for faster page loading by splitting the build file into many chunks and load it on demand. First we need a way for our progress bar to communicate with the Vue Router. Preparing the Project. npm i --save vuejs-loading-plugin Set up. We should also have a home page or default route so to speak. When managing your routes between your components (using .vue files), you will notice that each call to the API has to finish, so Vue can render the results. Vue Router is a URL router that maps URLs to components. We've disabled prefetching and preloading in our Vue application and created a progress bar component that shows up to simulate the actual progress being made when loading a page. < q-layout >... < q-page-container >