/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 votes117 views2 answers
Vuex-module-decorators rawError globally
Javascript Vue
-1 vote182 views1 answer
How to map over arrays vuejs
Javascript Vue
0 vote119 views1 answer
Delete item from a foreach vuejs
Javascript Vue
1 vote135 views1 answer
Nativescript vue get native from ref
Javascript Vue
15 votes244 views6 answers
Vuejs
Javascript Vue
8 votes120 views3 answers
Vue redirect to route
Javascript Vue
0 vote119 views1 answer
How to generate random text in vue js
Javascript Vue
1 vote121 views2 answers
Add remove to array vue js
Javascript Vue
3 votes114 views1 answer
V-switch vuex store
Javascript Vue
0 vote120 views1 answer
Vue js skeleton loading
Javascript Vue