主要介绍了vue-router 源码实现前端路由的两种方式，主要介绍Hash 路由和History 路由，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

在学习 vue-router 的代码之前，先来简单了解一下前端路由。 前端路由主要有两种实现方法： Hash 路由 History 路由 先来看看这两种方法的实现原理。 接着我们将用它们来简单实现一个自己的前端路由。 前端路由 Hash 路由 url 的 hash 是以 # 开头，原本是用来作为锚点，从而定位到页面的特定区域。当 hash 改变时，页面不会因此刷新，浏览器也不会向服务器发送请求。 http://www.xxx.com/#/home 同时， hash 改变时，并会触发相应

前言 通过上篇，我们知道前端理由的两种实现方法，Hash 路由与 History 路由，并且用它们分别实现了一个前端路由。 接下来我们就将 Vue 与 Hash 路由结合，实现一个非常简单的 vue-router 吧。 开始实现 想象一下，如果自己实现了一个 vue-router，会怎么去使用呢？参考 vue-router 官方的使用方式，看看 html 的使用： home book

个人理解：动态路由不同于常见的静态路由，可以根据不同的「因素」而改变站点路由列表。常见的动态路由大都是用来实现：多用户权限系统不同用户展示不同导航菜单。 如何利用Vue Router 实现动态路由 Vue项目实现动态路由的方式大体可分为两种： 前端将全部路由规定好，登录时根据用户角色权限来动态展示路由； 路由存储在数据库中，前端通过接口获取当前用户对应路由列表并进行渲染； 第一种方式在很多Vue UI Admin上都实现了，可以去读一下他们的源码理解具体的实现思路，这里就不过多展开。第二