Vue--Router--语法

​

简介

​说明​

        本文介绍Vue的Router的使用。

​官网​

​​官网文档​​

​​API 参考 | Vue Router​​

动态路由

​其他网址​

​​动态路由匹配 | Vue Router​​  //Vue官网

path-to-regexp

​其他网址​

​​path-to-regexp​​          //github

​​path-to-regexp介绍​​  //（github用法翻译）

​​在线测试网址​​

​​api​​                           //

去掉#

​

​hashchange 事件​

hash 就是 URL 地址中 # 字符后面的字符串，更改它不会导致整个页面重新加载，而且可以定位到元素 id 或 name 与之相同的位置（锚点）。

window.location.hash 可以获取到 hash。比如 localhost:8080/#/abcde 的 location.hash="#/abcde"。

通过监听 hash 的状态，来动态修改 vue-router 的路由，是页面进行组件切换，这样就不会导致页面报错或 404 了。

​​​​