1 router-link
1-1 路由连接
1-2 编译后是a标签
1-3 在指定的router-view加载指定的组件
1-4 to属性编译后是a的href
1-5 to="/mine" :to="{path:'/mine'}"
2 router-view
2-1 路由视图
2-2 是router-link或$router.push()的路由出口,路由组件渲染的位置
2-3 一个路由必须要有路由出口
3 一级路由
3-1 在routes数组中直接配置的一级路由对象,称一级路由
3-2 一级路由配置
rotes = [
{path:'/mine',component:Mine},
{path:'/',component:Home},
]
4 二级路由
4-1 在一级路由对象属性children数组中声明的路由对象称二级路由
4-2 二级路由配置
// 一级路由
{
path:'/videos',
component:Videos,
children:[
// 二级路由
{ path:'movie',component:Movie}
]
}
4-3 二级路由的出口router-view
vue 路由
最新推荐文章于 2024-04-12 14:19:14 发布