/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 vote368 views1 answer
Keep-alive vuejs router
Javascript Vue
0 vote387 views1 answer
Export data from paginated api javascript vuetify
Javascript Vue
0 vote396 views1 answer
Vuejs v-model when enter pressed
Javascript Vue
0 vote357 views1 answer
Push values to data object in vue
Javascript Vue
0 vote424 views2 answers
Vue timeout
Javascript Vue
1 vote362 views1 answer
Vue access computed property in data
Javascript Vue
2 votes365 views3 answers
Vuejs copy to clipboard
Javascript Vue
0 vote337 views1 answer
Vue js video call
Javascript Vue
3 votes355 views1 answer
V-switch vuex store
Javascript Vue
3 votes300 views3 answers
Timer countup in vue js
Javascript Vue