/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

-1 vote278 views3 answers
Vite vue 3 create new component cli
Javascript Vue
2 votes251 views2 answers
Add params to url vue
Javascript Vue
0 vote256 views1 answer
VueProduction
Javascript Vue
0 vote237 views1 answer
Make string json object vue
Javascript Vue
0 vote193 views1 answer
Rails + vue js projcet demo
Javascript Vue
0 vote234 views2 answers
Vue nested loop
Javascript Vue
1 vote232 views1 answer
Vue moment js difference between dates in minutes
Javascript Vue
0 vote224 views1 answer
Page slug vuejs
Javascript Vue
1 vote222 views1 answer
Import vuex in composition api
Javascript Vue
0 vote232 views1 answer
You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.
Javascript Vue