/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 vote183 views1 answer
Vue check if list is empty
Javascript Vue
0 vote175 views1 answer
Get props from methods in vue
Javascript Vue
0 vote164 views1 answer
Vue toggle boolean on click
Javascript Vue
-1 vote170 views1 answer
Vuex store in js file
Javascript Vue
0 vote188 views1 answer
How to get attr in vuejs
Javascript Vue
0 vote179 views2 answers
Action checkbox selected vue js
Javascript Vue
-1 vote209 views3 answers
Uncaught ReferenceError: Vue is not defined
Javascript Vue
1 vote181 views1 answer
Vue dynamic route push with params
Javascript Vue
0 vote186 views1 answer
Define var vuejs
Javascript Vue
1 vote217 views2 answers
Ngrok live port vue js
Javascript Vue