前端开发：vue-router的使用以及两种模式的区别

前言

在前端开发中，使用Vue做项目的时候关于路由的管理处理是非常重要的知识点，路由的管理也是比较常用的，做前端开发的都知道SPA，通过唯一一个HTML页面完成所有组件的展示和切换，不同组件之间的切换需要通过路由来实现。vue-router是Vue的官方路由插件，为的就是Vue单页面开发的路由，处理页面跳转的，那么本篇博文就来分享一下关于vue-router相关的知识点，该知识点在前端求职面试中也是高频考察知识点，这里总结一下，方便查阅使用。

vue-router概念

　   router的中文释义为“路由”，它是计算机网络中非常重要的概念，表示分组从源到目的地时，决定端到端路径的网络范围的进程。换句话说，就是分组数据包从源到目的地，经历了哪些网络节点。在单页应用中，它表示页面的更新过程中所经历的路径变化。

       vue-router是Vue的路由管理器，它是Vue的核心插件，与Vue.js核心深度集成，让使用Vue.js构建单页应用程序变得轻而易举，vue-router就是Vue框架下管理如何进行页面替换和更新的组件。

      vue-router是基于路由和组件：路由用户设定访问路径，将路径和组件映射起来；在vue-router的单页面应用中，页面的路径改变就是组件的切换。

vue-router特点

   vue-router对特点主要包括以下几点：

• 嵌套路线映射
• 动态路由
• 基于组件的模块化路由器配置
• 路由参数、查询、通配符
• 查看由Vue.js的过渡系统提供支持的过渡效果
• 细粒度导航控制