/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 vote283 views1 answer
Vue in flast does't work
Javascript Vue
9 votes298 views3 answers
Vue 3 computed
Javascript Vue
10 votes327 views2 answers
Vuejs does props factory function have access to vue instance
Javascript Vue
0 vote291 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 vote258 views2 answers
Action checkbox selected vue js
Javascript Vue
0 vote274 views1 answer
Vue jest run single test
Javascript Vue
0 vote275 views1 answer
The following dependencies are imported but could not be resolved vue js
Javascript Vue
2 votes265 views1 answer
Vue local storage delete
Javascript Vue
0 vote264 views1 answer
Play mp4 vue js
Javascript Vue
1 vote246 views1 answer
Convert string to array vuejs
Javascript Vue