/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 vote345 views1 answer
Vue js data property in component must be a function
Javascript Vue
1 vote312 views1 answer
Vue check if list is empty
Javascript Vue
0 vote314 views2 answers
Action checkbox selected vue js
Javascript Vue
18 votes441 views6 answers
Vue 3 CDN
Javascript Vue
0 vote324 views1 answer
Vuejs bootsrap modal hidden event
Javascript Vue
0 vote363 views2 answers
Javascript vue.js right click
Javascript Vue
1 vote331 views1 answer
Vue npx
Javascript Vue
11 votes351 views2 answers
Vue router push
Javascript Vue
0 vote320 views1 answer
Vuejs typescript can't access data
Javascript Vue
0 vote336 views1 answer
Expect vue test utils compare objects
Javascript Vue