用户登录

Vue.js 前端应用 #5：应用路由

Vue.js：Vue Router

— 王皓

2025 独立开发者训练营：AI Agent！查看介绍 / 立即报名 →

学会在 Vue 应用里定义与使用路由。

封面摄影：Carsten Meyerdierks

准备
0:00
准备项目（router）
0:38
VSCode：选择代码格式化工具
1:15
路由
0:00
创建 Vue 应用的路由器
2:16
定义 Vue 应用的路由
2:00
router-link：路由链接
3:41
用代码切换路由地址（$router.push 与 $router.replace）
1:58
给路由起个名字
1:34
重定向（Redirect）
1:46
路由模块
2:40
动态路由（带地址参数的路由）
3:10
嵌套路由（Nested Routes）
1:50
给路由组件传递属性
2:30
导航守卫（Navigation Guards）
2:44
路由元数据字段（meta）
2:36

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网，每天进步一点