/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 vote343 views1 answer
Vue in flast does't work
Javascript Vue
0 vote286 views3 answers
Using the watch method to monitor route updates in vue
Javascript Vue
0 vote340 views1 answer
Vue get component hash
Javascript Vue
0 vote322 views1 answer
Jsconfig.json vue
Javascript Vue
1 vote354 views2 answers
Lazy Loading Routes vue
Javascript Vue
3 votes354 views2 answers
Vue fetch api
Javascript Vue
1 vote336 views1 answer
Vue get height of element ref
Javascript Vue
0 vote356 views2 answers
Vuejs nested v-for
Javascript Vue
1 vote359 views2 answers
Vue watch props
Javascript Vue
0 vote331 views1 answer
Vue route automatic redirect
Javascript Vue