vue-router是什么？

vue-router的工作原理vue-router是Vue官方推出的路由管理器，主要用于管理URL，实现URL和组件的对应，以及通过URL进行组件之间的切换，从而使构建单页面应用变得更加简单。这篇文章针对vue-router对应的工作原理进行详细讲解。单页面应用( SPA)的核心思想之一，就是更新视图而不重新请求页面，简单来说，它在加载页面时，不会加载整个页面，只会更新某个指定的容器中的内容。对于大多数单页面应用，都推荐使用官方支持的 vue-router。在实现单页面前端路由时，提供了两种方式，分别是hash模式和history模式，根据mode参数来决定采用哪一种方式。1. hash模式vue-router默认为hash模式，使用URL的 hash来模拟一个完整的URL，当URL改变时，页面不会重新加载。#就是hash符号，中文名为哈希符或者锚点，在hash符号后的值称为hash值。路由的hash模式是利用了window可以监听onhashchange事件来实现的，也就是说hash值是用来指导浏览器动作的，对服务器没有影响，HTTP请求中也不会包括hash值，同时每一次改变hash值，都会在浏览器的访问历史中增加一个记录，使用“后退”按钮，就可以回到上一个位置。所以，hash模式是根据hash值来发生改变，根据不同的值，渲染指定DON位置的不同数据。2. history模式hash模式的URL中会自带#号，影响URL的美观，而history模式不会出现#号，这利模式充分利用了history.pushState()来完成URL的跳转，而且无须重新加载页面。使用histor模式时，需要在路由规则配置中增加mode:'history'，示例代码如下:// 文件const router = new Vuerouter({ mode: 'history', routes: [...]})码上未来IT实训课程优势01课程内容牛  ●Java、Web、Python、互联网全栈开发 等开发课程，每年迭代课程内容●真实企业资源，学习更深入02专家技术牛  ●技术大咖根据课程体系分重点、分阶段授课●5年以上企业一线开发经验项目经理、技术大牛实战授课03实训案例牛 ●真实的企业一线产品需求案例●全部来自一线的项目经理， 带来真实需求一线项目04学习模式牛 ●6个月全日制实训学习，真实的项目经验●讲练结合，掌握更熟练，全程技术老师跟踪辅导05就业服务牛 ●毕业即就业，学员就业●保薪资就业协议 入学即签订●4-5轮模拟面试+职业素养课程，全程跟踪，为就业保驾护航●毕业学生享受技术大咖终身支持指导课程适用人群●大学应往届生学习进修、在职提升、转行充电人群；●会基本的电脑操作，打字、有无编程基础均可；●对互联网编程感兴趣，想往网站开发、软件工程、大数据方向发展的人群；●低学历人群经过入学测试后方可选修。