鍍金池/ 問答/Android  HTML/ vue-router中的抽象路由

vue-router中的抽象路由

vue-router中有沒有類似angular中的抽象路由？

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

比如path:'demo'的路由是一個abstract抽象路由，demo這個路由并不對應(yīng)任何的路由出口，只是一個抽象的層級關(guān)系。

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

可以寫成上面的形式來使demo不對應(yīng)任何路由出口，但是又想使用真正的層級關(guān)系。
如何實(shí)現(xiàn)？

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

暫時使用上面的形式模擬angular-ui-router中的abstract抽象路由

2018年8月28日 18:42