Laravel Vuejs路由子链接

如何正确创建嵌套管线

const CarTable={template:'Car List'}
const CarShow={模板：“车展”}
const CarCreate={template:'Car Create'}
常量路由器=新的VueRouter({
路线：[
{路径：'/car'，组件：CarTable，
儿童：[
{路径：'show'，组件：CarShow}，
{路径：“创建”，组件：CarCreate}
]
}
]
})
const app=new Vue（{router}）。$mount（'#app'）

a{
文字装饰：无；
文本转换：大写；
颜色：红色；
}
a+a{
左侧填充：25px；
}

列表车
车展
汽车制造

如中所述，嵌套布线允许显示嵌套的组件；e、 g.将

添加到您的

车载组件模板将显示子组件。
但是，我不确定嵌套路由是否是您想要实现的，如果您想要顶级的、选项卡式组件，只需使用不同的路由，例如

const router = new VueRouter({
    routes: [
        {path: '/car', component: CarTable},
        {path: '/car/show', component: CarShow},
        {path: '/car/create', component: CarCreate}
    ]
})

有关嵌套路由工作示例，请参见下面的代码段


const CarTable={template:'Car List'}
const CarShow={模板：“车展”}
const CarCreate={template:'Car Create'}
常量路由器=新的VueRouter({
路线：[
{路径：'/car'，组件：CarTable，
儿童：[
{路径：'show'，组件：CarShow}，
{路径：“创建”，组件：CarCreate}
]
}
]
})
const app=new Vue（{router}）。$mount（'#app'）
a{
文字装饰：无；
文本转换：大写；
颜色：红色；
}
a+a{
左侧填充：25px；
}


列表车
车展
汽车制造

您在定义时拼错了
子项
。@YashMaheshwari，谢谢，已更正，但仍然不起作用。这一行中的花括号未闭合
{path:'/car'，component:CarTable，
，它应该类似于
{path:'/car'，component:CarTable}，children