/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

1 vote101 views1 answer
Vue access computed property in data
Javascript Vue
1 vote97 views1 answer
Vuejs watch for nested data
Javascript Vue
0 vote103 views1 answer
Inertia-link vuetify
Javascript Vue
1 vote97 views1 answer
Vue check if list is empty
Javascript Vue
0 vote100 views2 answers
Vue get props into data
Javascript Vue
54 votes217 views2 answers
How to setup vue
Javascript Vue
0 vote98 views1 answer
Concat class name vue js
Javascript Vue
0 vote53 views1 answer
Npm install vue 2
Javascript Vue
4 votes97 views1 answer
How to create a global variable in vue
Javascript Vue
15 votes223 views6 answers
Vuejs
Javascript Vue