Breaking News: Grepper is joining You.com. Read the official announcement!

vue component: { render:

PDXfoster answered on February 24, 2021 Popularity 10/10 Helpfulness 2/10

answer vue component: { render:

vue component: { render:

Comment

// ====================================================================
//    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
*/

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: grouping javascript vue-router

Link to this answer
Share Copy Link

Contributed on Feb 24 2021

PDXfoster

0 Answers Avg Quality 2/10

vue component: { render:

Contents

More Related Answers

vue component: { render:

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.