vue router路由 原理

1. 什么是路由

路由，其实就是指向的意思，当我点击页面上的Home按钮时，页面中就要显示Home的内容，如果点击页面上的shop按钮，页面中就要显示shop的内容。Home按钮  => home 内容， shop按钮 => shop内容，也可以说是一种映射. 所以在页面上有两个部分，一个是点击部分，一个是点击之后，显示内容的部分。 

2. 路由中有三个基本的概念 route, routes, router

（1）， route，它是一条路由，由这个英文单词也可以看出来，它是单数， Home按钮  => home内容， 这是一条route,  shop按钮 => shop内容， 这是另一条路由。

（2）， routes 是一组路由，把上面的每一条路由组合起来，形成一个数组。[{home 按钮 =>home内容 }， { about按钮 => about 内容}]

（3）， router 是一个机制，相当于一个管理者，它来管理路由。因为routes 只是定义了一组路由，它放在哪里是静止的，当真正来了请求，怎么办？ 就是当用户点击home 按钮的时候，怎么办？这时router 就起作用了，它到routes 中去查找，去找到对应的 home 内容，所以页面中就显示了 home 内容。

3.有哪些路由呢？

常用的路由：简单路由，嵌套路由

其他路由：动态路由匹配，编程式路由（方法push），命名路由，重定向、别名，路由传参，路由守卫等。