/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

-2 votes186 views1 answer
What is slot in vue.js
Javascript Vue
0 vote176 views1 answer
Pagination in b table in bootstrap vue
Javascript Vue
0 vote190 views1 answer
Sortby vue
Javascript Vue
0 vote181 views1 answer
Vue js data property in component must be a function
Javascript Vue
4 votes197 views2 answers
Global variable vuejs
Javascript Vue
0 vote167 views1 answer
Update head tag metadata vue
Javascript Vue
7 votes222 views2 answers
Vue watch handler
Javascript Vue
16 votes380 views4 answers
Vue js default prop
Javascript Vue
1 vote178 views2 answers
Lazy Loading Routes vue
Javascript Vue
-2 votes311 views2 answers
Vue.use is not a function
Javascript Vue