/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 vote252 views1 answer
Vuejs my chart load before fetch data
Javascript Vue
0 vote184 views1 answer
Vue await in component
Javascript Vue
-2 votes328 views2 answers
Vue.use is not a function
Javascript Vue
0 vote157 views1 answer
Vue 3 emit update prop
Javascript Vue
0 vote204 views1 answer
Vuejs typescript can't access data
Javascript Vue
0 vote195 views1 answer
Data table is not a function in vue
Javascript Vue
5 votes188 views5 answers
Vue for loop
Javascript Vue
0 vote190 views2 answers
Vuejs nested v-for
Javascript Vue
2 votes204 views1 answer
Vue js data bind
Javascript Vue
0 vote201 views1 answer
Vue jest run single test
Javascript Vue