文章目录
- 1. Vue路由的相关概念
- 2. 安装vue-router
- 3. 开发一个VueRouter版的hello,world
- 4. Vue中路由跳转
- 5. 动态路由匹配
- 6. 嵌套路由
- 7. 路由的实现模式
1. Vue路由的相关概念
- 路由(routing)是指从源到目的地时,决定端到端路径的决策过程。
- 对于VueRouter而言,路由就是根据一个请求路径选中一个组件进行渲染的决策过程。
- Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。
route
:
- 路由,可以理解为单个路由或者某一个路由。
- eg: Home按钮 ==> Home内容,这是一条路由
- eg:about按钮 ==> about内容,这是另一条路由
routes
:
- 多个路由的集合
- 官方定义routes是一个数组,所以routes表示多个路由(route)的集合。
router
:
- 路由器 可以理解为一个容器包含上述两个或者说它是一个管理者,负责管理上述两个。
- 举个常见的场景的例子:当用户在页面上点击按钮的时候,这个时候router就会去routes中去查找route,就是说路由器会去路由集合中找对应的路由;
VueRouter包括三个主要组成部分 —— VueRouter、router-view和 router-link
VueRouter
:路由器类</