/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 vote299 views1 answer
The data option must be a function. Plain object usage is no longer supported. vue
Javascript Vue
0 vote342 views1 answer
Error vuejs from chokidar enospc
Javascript Vue
0 vote291 views1 answer
Laravel vue global function
Javascript Vue
1 vote305 views1 answer
Vuex-module-decorators access other state
Javascript Vue
1 vote317 views2 answers
Focus on input field vuejs event
Javascript Vue
0 vote290 views1 answer
Jsconfig.json vue
Javascript Vue
0 vote326 views2 answers
Vuejs nested v-for
Javascript Vue
0 vote298 views1 answer
Vuejs vscode unbound breakpoint
Javascript Vue
0 vote304 views1 answer
Vue event two parameter with e
Javascript Vue
1 vote305 views1 answer
Vue get data from method
Javascript Vue