/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

1 vote219 views1 answer
How to access router from the store vue
Javascript Vue
0 vote255 views2 answers
Javascript vue.js right click
Javascript Vue
0 vote226 views1 answer
Adding jquery to vuepress
Javascript Vue
1 vote245 views1 answer
Vue add script tags and link tags
Javascript Vue
63 votes289 views4 answers
Install vue js
Javascript Vue
0 vote233 views1 answer
Vue get if checkbox is checked
Javascript Vue
15 votes290 views6 answers
Vuejs
Javascript Vue
1 vote229 views1 answer
Biding multiple class vuejs
Javascript Vue
7 votes231 views1 answer
Vue js Elements in iteration expect to have 'v-bind:key' directives
Javascript Vue
1 vote223 views2 answers
For i in range vue js
Javascript Vue