/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 vote218 views1 answer
Vue select option get attribute
Javascript Vue
0 vote213 views1 answer
Vue learn
Javascript Vue
0 vote204 views1 answer
Vue dispatch action at tab close
Javascript Vue
29 votes264 views4 answers
Create new project vue
Javascript Vue
0 vote192 views1 answer
Vue electron name and icon
Javascript Vue
1 vote206 views1 answer
Fetch composition API in Vue3
Javascript Vue
0 vote210 views1 answer
Vuejs select placeholder
Javascript Vue
4 votes201 views2 answers
Router link active in vue.js
Javascript Vue
0 vote197 views1 answer
Vue.js watch event
Javascript Vue
0 vote244 views1 answer
Vue dynamic routes with parameters
Javascript Vue