/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 vote226 views2 answers
Call a function of another component vue
Javascript Vue
-1 vote219 views2 answers
How to call function from another component in vue js
Javascript Vue
0 vote213 views1 answer
Vue event two parameter with e
Javascript Vue
1 vote226 views1 answer
Live vue js port number
Javascript Vue
0 vote215 views1 answer
Show conditional header based on url in vue js
Javascript Vue
1 vote224 views1 answer
Nativescript vue get native from ref
Javascript Vue
1 vote214 views1 answer
Vue dev server proxy not working
Javascript Vue
1 vote206 views1 answer
Adding a prototype on vue using nuxt
Javascript Vue
3 votes223 views2 answers
Input will get only number vue
Javascript Vue
0 vote215 views1 answer
Adding jquery to vuepress
Javascript Vue