/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

5 votes124 views1 answer
Vue prop string or number
Javascript Vue
6 votes161 views1 answer
Vuejs set
Javascript Vue
0 vote167 views1 answer
Laravel vue js component won't mount
Javascript Vue
8 votes140 views4 answers
Vue 3 create app
Javascript Vue
0 vote149 views1 answer
How to add okta api to vuejs
Javascript Vue
0 vote185 views1 answer
Vue.js props undefined type
Javascript Vue
0 vote189 views3 answers
Vue read url
Javascript Vue
-2 votes138 views1 answer
What is slot in vue.js
Javascript Vue
1 vote144 views1 answer
Vue watch
Javascript Vue
6 votes131 views3 answers
Vue watch object member
Javascript Vue