Vue--插件--Vue Router

缺乏、安全感 2022-12-28 01:41 169阅读 0赞

原文网址：[Vue--插件--Vue Router\_IT利刃出鞘的博客-CSDN博客][Vue--_--Vue Router_IT_-CSDN]

# 其他网址 #

> [Vue路由vue-router - 小火柴的蓝色理想 - 博客园][Vue_vue-router - _ -]

> **官网**
> 
> [Vue Router官网][Vue Router]
> 
> [API 参考 | Vue Router][API _ _ Vue Router]

# 动态路由 #

**其他网址**

> [动态路由匹配 | Vue Router][_ Vue Router] //Vue官网

## path-to-regexp ##

**其他网址**

> [path-to-regexp][] //github  
> [path-to-regexp介绍][path-to-regexp 1] //（github用法翻译）  
> [在线测试网址][Link 1]
> 
> [api][] //CSDN

# 去掉\# #

**其他网址**

> [vue地址栏直接输入路由无效问题（回车也无效）\_zezeadede555的博客-CSDN博客][vue_zezeadede555_-CSDN]

**简介**

> **hashchange 事件**
> 
> hash 就是 URL 地址中 \# 字符后面的字符串，更改它不会导致整个页面重新加载，而且可以定位到元素 id 或 name 与之相同的位置（锚点）。
> 
> window.location.hash 可以获取到 hash。比如 localhost:8080/\#/abcde 的 location.hash="\#/abcde"。
> 
> 通过监听 hash 的状态，来动态修改 vue-router 的路由，是页面进行组件切换，这样就不会导致页面报错或 404 了。

[Vue--_--Vue Router_IT_-CSDN]: https://knife.blog.csdn.net/article/details/111143397
[Vue_vue-router - _ -]: https://www.cnblogs.com/xiaohuochai/p/7527273.html
[Vue Router]: https://router.vuejs.org/zh/
[API _ _ Vue Router]: https://router.vuejs.org/zh/api/
[_ Vue Router]: https://router.vuejs.org/zh/guide/essentials/dynamic-matching.html
[path-to-regexp]: https://github.com/pillarjs/path-to-regexp/tree/v1.7.0
[path-to-regexp 1]: http://wangwl.net/static/pages/npm_pathtoregexp.html
[Link 1]: http://forbeslindesay.github.io/express-route-tester/
[api]: https://blog.csdn.net/weixin_43586120/article/details/103764012
[vue_zezeadede555_-CSDN]: https://blog.csdn.net/zezeadede555/article/details/89191004