/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 vote235 views1 answer
Cannot find module 'vue/types/umd'
Javascript Vue
8 votes237 views2 answers
Get params from route vuejs
Javascript Vue
0 vote201 views1 answer
Laravel vue global function
Javascript Vue
54 votes415 views2 answers
How to setup vue
Javascript Vue
0 vote231 views2 answers
Pass image as props vue vuetify
Javascript Vue
0 vote219 views1 answer
How to securely post form data to api vuejs
Javascript Vue
1 vote191 views2 answers
How send to another page by router in vuejs
Javascript Vue
0 vote225 views1 answer
How to add bootstrap to vue js
Javascript Vue
0 vote210 views1 answer
Vue dispatch action at tab close
Javascript Vue
21 votes488 views1 answer
Sh: 1: vue-cli-service: Permission denied
Javascript Vue