![](https://csdnimg.cn/release/download_crawler_static/86299881/bg4.jpg)
2. 创建路由:创建VueRouter实例
3. 映射路由:调⽤VueRouter实例的map⽅法
4. 启动路由:调⽤VueRouter实例的start⽅法
HTML
1. 使⽤v-link指令
2. 使⽤<router-view>标签
router.redirect
应⽤在⾸次运⾏时右侧是⼀⽚空⽩,应⽤通常都会有⼀个⾸页,例如:
Home页。
使⽤router.redirect⽅法将根路径重定向到/home路径:
router.redirect({
'/': '/home'
})
router.redirect⽅法⽤于为路由器定义全局的重定向规则,全局的重定向
会在匹配当前路径之前执⾏。
执⾏过程
当⽤户点击v-link指令元素时,我们可以⼤致猜想⼀下这中间发⽣了什么事
情:
vue-router⾸先会去查找v-link指令的路由映射
然后根据路由映射找到匹配的组件
最后将组件渲染到<router-view>标签
嵌套路由(02)
嵌套路由是个常见的需求,假设⽤户能够通过路径/home/news
和/home/message访问⼀些内容,⼀个路径映射⼀个组件,访问这两个路径