/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 vote221 views1 answer
Vuex get data in mounted
Javascript Vue
0 vote207 views1 answer
Page slug vuejs
Javascript Vue
0 vote239 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 vote210 views1 answer
Desable no unused vars in vue.js
Javascript Vue
1 vote229 views1 answer
Vue current year
Javascript Vue
0 vote223 views1 answer
Await vuex dispatch true
Javascript Vue
4 votes214 views2 answers
Vue js tutorial
Javascript Vue
0 vote242 views1 answer
Vuejs post
Javascript Vue
1 vote211 views2 answers
Lazy Loading Routes vue
Javascript Vue
0 vote170 views1 answer
Npm install vue 2
Javascript Vue