路由 vue-router

路由 vue-router

    Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。路由实际上就是可以理解为指向，就是我在页面上点击一个按钮需要跳转到对应的页面，这就是路由跳转；

首先我们来学习三个单词（route，routes，router）：
　　route：首先它是个单数，译为路由，即我们可以理解为单个路由或者某一个路由；
　　routes：它是个复数，表示多个的集合才能为复数；即我们可以理解为多个路由的集合，JS中表示多种不同状态的集合的形式只有数组和对象两种，事实上官方定义routes是一个数组；所以我们记住了，routes表示多个数组的集合；
　　router：译为路由器，上面都是路由，这个是路由器，我们可以理解为一个容器包含上述两个或者说它是一个管理者，负责管理上述两个；举个常见的场景的例子：当用户在页面上点击按钮的时候，这个时候router就会去routes中去查找route，就是说路由器会去路由集合中找对应的路由；

一、单页面应用程序(SPA)

 一切皆组件

二、路由的基础知识

1、命名视图：给router-view组件命名
2、路由别名：给路由匹配关系取个小名 alias
3、命名路由：给路由匹配关系取个名字
4、重定向：从一个路径自动跳转到另一个路径 redirect
5、两种路由模式：History模式 vs. Hash模式
6、编程式导航：this. r o u t e r . p u s h ( ) / r e p l a c e ( ) 7 、 通 配 符 ： 在 定 义 一 一 对 应 的 路 由 匹 配 关 系 时 ， p a t h 中 可 以 使 用 ∗ 来 匹 配 任 意 字 符 8 、 动 态 路 由 ： p a t h : ′ / d e t a i l / : i d ′ , c o m p o n e n t : D e t a i l ， 在 D e t a i l 组 件 中 可 以 使 用 t h i s . router.push() / replace() 7、通配符：在定义