/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 vote105 views1 answer
Play mp4 vue js
Javascript Vue
0 vote131 views1 answer
VueJS - getting the last element of a split string array
Javascript Vue
3 votes101 views2 answers
Countdown using vue
Javascript Vue
0 vote109 views1 answer
How to get attr in vuejs
Javascript Vue
0 vote107 views1 answer
Vue js readdir
Javascript Vue
0 vote102 views1 answer
Global axios vue 2
Javascript Vue
38 votes220 views5 answers
Vue create cli
Javascript Vue
1 vote104 views1 answer
Import js function in vuejs
Javascript Vue
0 vote108 views1 answer
Vuejs pass data to router-view
Javascript Vue
2 votes116 views1 answer
Acces store from vue console javascript
Javascript Vue