/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 vote129 views1 answer
Vuejs use set to prevent duplicates
Javascript Vue
0 vote129 views1 answer
Export data from paginated api javascript vuetify
Javascript Vue
0 vote130 views1 answer
How to load js in vuejs components
Javascript Vue
0 vote128 views1 answer
How to replace an array vue.js
Javascript Vue
1 vote124 views1 answer
Vuex add multiple payload to mutation
Javascript Vue
4 votes86 views4 answers
Vue scroll to top
Javascript Vue
0 vote129 views1 answer
Vue date helper
Javascript Vue
1 vote134 views2 answers
Add remove to array vue js
Javascript Vue
3 votes86 views2 answers
Vue mounted
Javascript Vue
1 vote131 views1 answer
Vue add script tags and link tags
Javascript Vue