/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

3 votes134 views3 answers
Cors header missing vue api gateway
Javascript Vue
1 vote126 views2 answers
How send to another page by router in vuejs
Javascript Vue
0 vote147 views1 answer
Vue shortcut to create component
Javascript Vue
0 vote150 views1 answer
Use vuejs in laravel
Javascript Vue
0 vote135 views2 answers
Scroll to top router link vue
Javascript Vue
0 vote249 views1 answer
Vuejs bootsrap modal hidden event
Javascript Vue
1 vote114 views1 answer
Convert string to array vuejs
Javascript Vue
0 vote159 views1 answer
Vuejs cant add script in template
Javascript Vue
1 vote140 views1 answer
Vue get height of element ref
Javascript Vue
2 votes151 views1 answer
Vuejs send required props to dynamic component
Javascript Vue