/Javascript/Vue/Vuerouter route grouping

Vuerouter route grouping

// ====================================================================
//    Routes
// ====================================================================
          {
            path: '/',
            name: 'home',
            component: () => import('./views/Dashboard.vue'),
          },
// ====================================================================
//    Grouped User Routes
// ====================================================================
          {
            path: '/user',
            name: 'user',
            component: { render: h => h('router-view') }, 
              // renders a router-view so no other component is needed.
            children: [
              {
                path: 'list',
                name: 'user.list',
                component: () => import('./views/pages/User/List.vue'),
              },
            ]
          },
        ],
      
/*
Aliasing createElement to h is a common convention you’ll see in 
the Vue ecosystem and is actually required for JSX. Starting with 
version 3.4.0 of the Babel plugin for Vue, we automatically inject 
const h = this.$createElement in any method and getter (not functions 
or arrow functions), declared in ES2015 syntax that has JSX, so you 
can drop the (h) parameter. With prior versions of the plugin, your app 
would throw an error if h was not available in the scope.
https://vuejs.org/v2/guide/render-function.html
*/

Source: stackoverflow.com

Similar codes

0 vote318 views3 answers
Srcset vue
Javascript Vue
0 vote303 views1 answer
Use vuejs in laravel
Javascript Vue
3 votes390 views2 answers
Vue add watcher
Javascript Vue
0 vote297 views1 answer
Vue js store and retrieve api data to localstorage
Javascript Vue
0 vote306 views1 answer
Vue js two form model example site stackoverflow.com
Javascript Vue
2 votes305 views2 answers
Vue directive
Javascript Vue
18 votes415 views6 answers
Vue js cdn
Javascript Vue
0 vote316 views1 answer
VueJS - check strings is includes in vuejs
Javascript Vue
0 vote309 views1 answer
How to open same project on different devices vue js
Javascript Vue
0 vote322 views1 answer
Vue sidebar
Javascript Vue