/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 vote136 views1 answer
Vue google map api for user marker location
Javascript Vue
28 votes215 views4 answers
Vue create
Javascript Vue
0 vote133 views1 answer
Vue electron read file
Javascript Vue
0 vote125 views1 answer
Vue router guard
Javascript Vue
1 vote133 views1 answer
Http requests in vue 3
Javascript Vue
1 vote123 views1 answer
Vue npx
Javascript Vue
0 vote127 views1 answer
Delete item from a foreach vuejs
Javascript Vue
1 vote112 views1 answer
Vue get height of element ref
Javascript Vue
0 vote117 views1 answer
Vue js doesn't support bootstrap-vue
Javascript Vue
0 vote124 views2 answers
Navbar route with params vue
Javascript Vue