这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助简单介绍VueRouterVueRouter是Vue.js官方的路由插件，它和Vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。传统的页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中，则是路径之间的切换，也就是组件的切换。路由模块的本质就是建立起url和页面之间的映射关系。至于我们为什么不能用a标签，这是因为用Vue做的都是单页应用，就相当于只有一个主的index.html页面，所以你写的标签是不起作用的，你必须使用v

hash和history区别：外观上：hash的路由在url中带有#号功能上：hash虽然在url中，但是请求不会包裹它，对后端不会产生任何影响，改变hash不会重新加载页面。history是利用了html5historyinterface中新增的pushState()和replaceState()方法。这两个方法是应用于浏览器的历史记录栈，是以当前已有的back(),forward(),go()方法为基础的，提供了对历史记录进行修改的功能。这两个方法执行修改时，只是修改了地址栏中的url，而不会向后端发送请求，也不会触发popstate事件。因此，hash和history都是属于浏览器自身的

hash和history区别：外观上：hash的路由在url中带有#号功能上：hash虽然在url中，但是请求不会包裹它，对后端不会产生任何影响，改变hash不会重新加载页面。history是利用了html5historyinterface中新增的pushState()和replaceState()方法。这两个方法是应用于浏览器的历史记录栈，是以当前已有的back(),forward(),go()方法为基础的，提供了对历史记录进行修改的功能。这两个方法执行修改时，只是修改了地址栏中的url，而不会向后端发送请求，也不会触发popstate事件。因此，hash和history都是属于浏览器自身的

一、路由原理1、SPASPA，即单页面应用(SinglePageApplication)。就是只有一张web页面的应用。单页应用程序(SPA)是加载单个html页面并在用户与应用程序交互时动态更新该页面的web应用程序。浏览器一开始会加载必需的html、css和js，所有的操作都在这张页面上完成，都由js来控制2、什么时候需要路由对于现代开发的项目来说，稍微复杂一点的SPA，都需要用到路由。而vue-roter正是vue的路由标配，且vue-router有两种模式：hash和history。二、Hash模式1、定义hash模式是一种把前端路由的路径用井号#拼接在真实url后面的模式。当井号#后

一、路由原理1、SPASPA，即单页面应用(SinglePageApplication)。就是只有一张web页面的应用。单页应用程序(SPA)是加载单个html页面并在用户与应用程序交互时动态更新该页面的web应用程序。浏览器一开始会加载必需的html、css和js，所有的操作都在这张页面上完成，都由js来控制2、什么时候需要路由对于现代开发的项目来说，稍微复杂一点的SPA，都需要用到路由。而vue-roter正是vue的路由标配，且vue-router有两种模式：hash和history。二、Hash模式1、定义hash模式是一种把前端路由的路径用井号#拼接在真实url后面的模式。当井号#后