/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 vote343 views1 answer
Import vuex in composition api
Javascript Vue
1 vote370 views1 answer
Nativescript vue back button handler
Javascript Vue
0 vote346 views1 answer
Nuxt vuetify google fonts undefined
Javascript Vue
0 vote356 views1 answer
Update head tag metadata vue
Javascript Vue
3 votes333 views1 answer
Vue.js force to reload re-render
Javascript Vue
0 vote390 views1 answer
Aos initial configuration vue
Javascript Vue
0 vote279 views1 answer
Vuejs reset component
Javascript Vue
2 votes333 views1 answer
Open url in new window vue
Javascript Vue
29 votes456 views2 answers
React or vue
Javascript Vue
2 votes359 views1 answer
Vue js get width of element
Javascript Vue