vue-router总结

一、前言
本篇博客主要是总结一下vue-router，将总结一下vue-router中的常用的api。
二、认识前端路由
路由其实是网络工程中的一个术语，在架构一个网络时，非常重要的两个设别是路由器和交换机。当然，目前在我们生活中路由器也是越来越被大家所熟知，因为我们生活中都会用到路由器,事实上，路由器主要维护的是一个映射表，映射表会决定数据的流向。
路由的概念在软件工程中出现，最早是在后端路由中实现的，原因是web的发展主要经历了这样一些阶段：后端路由阶段，前后端分离阶段，单页面复应用(SPA)阶段。
一、后端路由阶段
早期开发的网站，整个html是由服务器来进行渲染的，服务器直接生产渲染好对应的html页面，然后当浏览器发起请求时，后台会根据url路径来渲染页面返回给前端，前端拿到后台返回的页面数据然后进行展示。这就是后端路由，后端路由的优点：1、不需要单独加载js和css文件，有利于seo优化。缺点是：1、整个前端页面需要后台开发人员来维护。2、如果前端开发人员想要开发页面，需要通过java,php来开发。3、html代码和数据对应的逻辑混合在一起，编写和维护都非常糟糕。
二、前后端分离阶段
前后端分离阶段，就是前端一些文件放到静态资源服务器中(html + css + js)，此时后台服务器只需要提供一些api接口，前端需要请求静态资源，并且需要请求api接口，并且将接口数据渲染到静态资源文件中，然后渲染到前端。此时的好处就是前端和后端任务清晰，并且随着移动端的流行，一套后端的 api接口可以实现复用。但是目前这种模式也是不常用的(jquery开发模式)。
三、单页面复应用
单页面复应用是现在主要的开发模式，就是在一个页面渲染，当在不同的页面切换时，不会刷新页面。现在三大框架，都采用单页面复应用进行开发。如果向了解其原理可以查看单页面复应用原理
三、认识vue-router
目前前端流行的三大框架，都有自己的路由实现：
Angular的ngRouter
React的ReactRouter
vue中的vue-router
vue Router是vuejs的官方路由，他与vuejs核心深度集成，让用vuejs构建单页面应用变得更加容易。
vue-router是基于路由和组件的，路由用于设定访问路径，将路径和组件映射起来，在vue-router的单页面应用中，页面的路径的改变就是组件的切换。
四、vue-router的基本使用
1、安装vue-router
npm install vue-router@4 这里我们安装的是vue-router 4.x版本。
2、配置router对象

3、在app.vue中设置

五、路由的默认路径
当我们访问网址时，此时默认是首页内容，如果我们首页没有设置对应的组件，我们想要当访问首页时，默认跳转到/home对应的页面，此时我们可以使用redirect来进行重定向。

六、history模式
vue-router中存在两种模式，一种是