/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 vote215 views1 answer
Vue can't refresh after change vmodel data
Javascript Vue
0 vote232 views1 answer
Vuetify checkbox click firing twice
Javascript Vue
0 vote200 views1 answer
Vue cli - Uncaught SyntaxError: Unexpected token <
Javascript Vue
1 vote179 views1 answer
Convert string to array vuejs
Javascript Vue
0 vote209 views1 answer
Vue rails turbolink don't load
Javascript Vue
0 vote253 views1 answer
Routing vue with meta tag firebase
Javascript Vue
-1 vote189 views1 answer
Vuex store in js file
Javascript Vue
18 votes443 views6 answers
Vuejs cdn
Javascript Vue
0 vote197 views1 answer
How to use vue.js in expressjs with pug
Javascript Vue
0 vote196 views1 answer
Vue js app component
Javascript Vue