Abstract routing in vue-router

Is there an abstract route similar to that in angular in

vue-router?

{
    path:"/"
    children:[
        {
            {
                path:"demo/foo"
                component:foo
            },
            {
                path:"demo/bar"
                component:bar
            }
        }
    ]
}

can be written in the form above so that demo does not correspond to any route exit, but you want to use a real hierarchical relationship.
how is it implemented?


{
    path:'/'
    component:main
    children:[
        {
            path:'demo'
            component:{template:"<div><router-view/></div>"},
            redirect:"/404"
            children:[
                {
                    path:'foo'
                    component:foo
                },
                {
                    path:'bar'
                    component:bar
                }
            ]
        }
    ]
}

temporarily use the above form to simulate abstract abstract routes in angular-ui-router

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-7b4b3b-27ed8.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-7b4b3b-27ed8.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?