/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 vote159 views2 answers
Target data option select vue js
Javascript Vue
0 vote163 views1 answer
Delete item from a foreach vuejs
Javascript Vue
0 vote158 views1 answer
VUE DECLARE COMPONENT IN MAIN.JS
Javascript Vue
0 vote173 views1 answer
Vue event two parameter with e
Javascript Vue
0 vote192 views1 answer
Vue js destroyed
Javascript Vue
6 votes167 views3 answers
Vue watch object member
Javascript Vue
0 vote178 views1 answer
Vue JS Production mode refresh causing 404 error
Javascript Vue
0 vote156 views1 answer
Laravel vuejs lang
Javascript Vue
1 vote163 views1 answer
V-for only getting one first value vuejs
Javascript Vue
-1 vote239 views1 answer
How to map over arrays vuejs
Javascript Vue