/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 vote370 views1 answer
Vue problem (You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file)
Javascript Vue
0 vote351 views1 answer
VueJS - check strings is includes in vuejs
Javascript Vue
3 votes353 views3 answers
Vue fetch
Javascript Vue
6 votes343 views2 answers
Vue watch deep property
Javascript Vue
0 vote338 views1 answer
Use vue cdn with firestore
Javascript Vue
0 vote317 views1 answer
Vuejs input call the value
Javascript Vue
0 vote323 views1 answer
Vue js video call
Javascript Vue
1 vote331 views1 answer
Vuejs delay watch
Javascript Vue
0 vote329 views1 answer
How to replace an array vue.js
Javascript Vue
3 votes350 views2 answers
Countdown using vue
Javascript Vue