/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

0 vote244 views1 answer
Sweetalert2 vue on ok click page refresh
Javascript Vue
0 vote241 views1 answer
What is .eslint.js in vue
Javascript Vue
0 vote245 views1 answer
Vue event two parameter with e
Javascript Vue
0 vote243 views1 answer
Vuejs bootsrap modal hidden event
Javascript Vue
0 vote251 views2 answers
Ionic vue electron
Javascript Vue
1 vote244 views2 answers
How to watch for changes within a prop in vue
Javascript Vue
0 vote240 views1 answer
Vue 3 computed getter setter
Javascript Vue
3 votes250 views2 answers
Input will get only number vue
Javascript Vue
9 votes240 views3 answers
Vue boolean
Javascript Vue
0 vote241 views1 answer
How to get attr in vuejs
Javascript Vue