/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 vote185 views1 answer
Vue js link image link in props doesnt work
Javascript Vue
0 vote176 views2 answers
Navbar route with params vue
Javascript Vue
0 vote199 views1 answer
Vue max characters html input
Javascript Vue
0 vote189 views1 answer
Vue.js cdn script
Javascript Vue
9 votes187 views3 answers
Vue boolean
Javascript Vue
11 votes194 views2 answers
Go to next route vuejs
Javascript Vue
0 vote232 views1 answer
Vue dynamic routes with parameters
Javascript Vue
0 vote172 views1 answer
Webpack vue global variable
Javascript Vue
0 vote188 views1 answer
Reset reactive state vue 3
Javascript Vue
0 vote195 views1 answer
Vuejs typescript can't access data
Javascript Vue