浅析前端路由简介以及vue-router实现原理

路由这个概念最先是后端出现的。在以前用模板引擎开发页面时，经常会看到这样。随着 ajax 的流行，异步数据请求交互运行在不刷新浏览器的情况下进行。那解决问题的思路便是在改变 url 的情况下，保证页面的不刷新。在 2014 年之前，大家是通过 hash 来实现路由，url hash 就是类似于：这种 #。后面 hash 值的变化，并不会导致浏览器向服务器发出请求，浏览器不发出请求，也就不会刷新页面。然后我们便可以监听 hashchange 来实现更新页面部分内容的操作：14年后，因为HTML5标准发布。同时还有 popstate 事件。通过这些就能用另一种方式来实现前端路由了，但原理都是跟 hash 实现相同的。下面我会分几个章节详细的带你进入 vue-router 的世界。如果你对 vue-router 的实现机制也存在一些疑问，可以一起探讨交流)