title: Dynamically add child routes in Vuejs
body: <p>According to <a href="https://router.vuejs.org/en/essentials/nested-routes.html" rel="noreferrer">this</a> official example, we have the ability to add nested/children routes in vuejs. But I cannot find any help/docs around a way to add these children routes dynamically. e.g only add child routes when Parent route is visited. </p>
  
  <p>Currently all the routes in a Vue application are defined in a single place where we create Router instance. There is an api called <a href="https://router.vuejs.org/en/api/router-instance.html#methods" rel="noreferrer">addRoutes</a>, but I don't know how to use that to add lazily loaded features of application along side their routes. If someone is familiar with Angular2+ Module system, that has this ability to define routes for the feature modules inside that module and even make them lazily loaded. Wondering if something could be achieved with VueJs?</p>