/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

6 votes132 views2 answers
Vue watch deep property
Javascript Vue
2 votes146 views1 answer
Acces store from vue console javascript
Javascript Vue
0 vote142 views1 answer
Watching Arrays and Objects (Vue 3)
Javascript Vue
0 vote130 views1 answer
Push values to data object in vue
Javascript Vue
0 vote132 views1 answer
VUE DECLARE COMPONENT IN MAIN.JS
Javascript Vue
0 vote135 views1 answer
Desable no unused vars in vue.js
Javascript Vue
0 vote140 views2 answers
Javascript vue.js right click
Javascript Vue
0 vote144 views1 answer
Vue change input value from console
Javascript Vue
0 vote134 views2 answers
To show which tab is active in VueJS
Javascript Vue
21 votes336 views1 answer
Sh: 1: vue-cli-service: Permission denied
Javascript Vue