/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

3 votes157 views5 answers
Vue js countdown timer
Javascript Vue
0 vote155 views1 answer
Js vue array change position
Javascript Vue
0 vote168 views2 answers
Vuejs scrollBehavior
Javascript Vue
1 vote146 views1 answer
Vue js import css from node modules
Javascript Vue
0 vote150 views1 answer
Vue rails turbolink don't load
Javascript Vue
0 vote146 views1 answer
Vuex get data in mounted
Javascript Vue
0 vote147 views1 answer
Vue sidebar
Javascript Vue
0 vote150 views1 answer
Vue get component hash
Javascript Vue
16 votes292 views4 answers
Vue js default prop
Javascript Vue
1 vote166 views1 answer
Vue current year
Javascript Vue