/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

31 votes266 views5 answers
Inline style vue
Javascript Vue
0 vote129 views2 answers
Action checkbox selected vue js
Javascript Vue
3 votes91 views1 answer
Vue watch child component property
Javascript Vue
0 vote145 views1 answer
VueProduction
Javascript Vue
-2 votes132 views1 answer
What is slot in vue.js
Javascript Vue
0 vote134 views1 answer
Vue event two parameter with e
Javascript Vue
6 votes126 views4 answers
V-for vue
Javascript Vue
0 vote126 views1 answer
Reset reactive state vue 3
Javascript Vue
77 votes396 views6 answers
Install vue cli
Javascript Vue
0 vote130 views1 answer
How use a ExpressJS, VueJS, Jade together?
Javascript Vue