/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

2 votes135 views2 answers
Vue + change router link active class
Javascript Vue
0 vote140 views1 answer
Vue i18n command
Javascript Vue
1 vote146 views1 answer
Axios post data vue js
Javascript Vue
0 vote91 views1 answer
Vue block other script event listeners
Javascript Vue
6 votes140 views3 answers
Vue watch object member
Javascript Vue
0 vote140 views1 answer
Find element by object field vuejs
Javascript Vue
0 vote137 views1 answer
Jsconfig.json vue
Javascript Vue
0 vote135 views1 answer
Add font awesome to vue
Javascript Vue
0 vote131 views1 answer
What is .eslint.js in vue
Javascript Vue
0 vote165 views1 answer
VueProduction
Javascript Vue