/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

5 votes307 views3 answers
Vue select option v-for selected
Javascript Vue
1 vote299 views1 answer
Nativescript vue get native from ref
Javascript Vue
0 vote287 views1 answer
Vue i18n command
Javascript Vue
29 votes400 views4 answers
Create new project vue
Javascript Vue
0 vote296 views1 answer
Laravel vuejs barcode
Javascript Vue
0 vote313 views1 answer
Vue learn
Javascript Vue
0 vote294 views2 answers
Vuejs accessing props from data
Javascript Vue
0 vote290 views1 answer
Define var vuejs
Javascript Vue
0 vote289 views1 answer
Desable no unused vars in vue.js
Javascript Vue
1 vote302 views1 answer
Vue watch
Javascript Vue