vue 重新挂载路由_一起学Vue：路由(vue-router)

前言

学习vue-router就要先了解路由是什么？前端路由的实现原理？vue-router如何使用？等等这些问题，就是本篇要探讨的主要问题。

vue-router是什么

路由是什么？

大概有两种说法：从路由的用途上来解释路由就是指随着浏览器地址栏的变化，展示给用户的页面也不相同。从路由的实现原理上来解释路由就是URL到函数的映射。

vue-router是什么

Vue Router 是 Vue.js 官方的路由管理器，它和 Vue.js 的核心深度集成。

vue-router实现原理

基于hash

基于location.hash来实现的。其实现原理也很简单，location.hash的值就是URL中#后面的内容。比如下面这个网站，它的location.hash='#me'：

https://localhost#me

hash也存在下面几个特性：

• URL中hash值只是客户端的一种状态，也就是说当向服务器端发出请求时，hash部分不会被发送。
• hash值的改变，都会在浏览器的访问历史中增加一个记录。因此我们能通过浏览器的回退、前进按钮控制hash的切换。
• 我们可以使用hashchange事件来监听hash的变化。

vue-router 默认 hash 模式