/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 vote275 views1 answer
Bindbidirectional vue js
Javascript Vue
0 vote279 views1 answer
Vue shortcut to create component
Javascript Vue
0 vote281 views2 answers
Vue slot events
Javascript Vue
0 vote287 views1 answer
Vuejs take rgba values from coordinate
Javascript Vue
1 vote259 views1 answer
Convert string to array vuejs
Javascript Vue
0 vote277 views1 answer
Vuejs my chart load before fetch data
Javascript Vue
0 vote297 views1 answer
Vuetifyjs 2.0 2 column side bar
Javascript Vue
8 votes326 views4 answers
Vue 3 create app
Javascript Vue
1 vote276 views1 answer
Import vuex in composition api
Javascript Vue
3 votes301 views1 answer
Vue js select option disabled false
Javascript Vue