/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

6 votes121 views2 answers
Redirect in vue
Javascript Vue
0 vote130 views1 answer
Vue change input value from console
Javascript Vue
17 votes332 views6 answers
Vue js
Javascript Vue
0 vote140 views2 answers
Vue slice words
Javascript Vue
0 vote126 views1 answer
Vue get component hash
Javascript Vue
3 votes123 views2 answers
Vuex-module-decorators rawError globally
Javascript Vue
1 vote120 views1 answer
Vue get data from method
Javascript Vue
0 vote122 views1 answer
Chunks bug vue js
Javascript Vue
0 vote125 views1 answer
Vuejs input call the value
Javascript Vue
0 vote133 views1 answer
Vue apollo refetch every x ms
Javascript Vue