/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 vote188 views2 answers
Get object from list of objects in vuejs with condition
Javascript Vue
-1 vote166 views1 answer
Vuejs how use this.$slots.default
Javascript Vue
1 vote173 views1 answer
Vue directive parameter
Javascript Vue
1 vote182 views1 answer
Vue add script tags and link tags
Javascript Vue
1 vote176 views1 answer
Fetch composition API in Vue3
Javascript Vue
0 vote162 views1 answer
Vue apollo refetch every x ms
Javascript Vue
0 vote170 views2 answers
Action checkbox selected vue js
Javascript Vue
0 vote175 views1 answer
How to get data from url in vuejs
Javascript Vue
2 votes171 views1 answer
Add tailwind to vue 3
Javascript Vue
1 vote173 views1 answer
Vue dynamic route push with params
Javascript Vue