vue-router的原理?catch方法的实现原理

问题网址:http://bbs.daxiangclass.com/?thread-29.htm
解决方案:
用户通过vue的router.push和router.replace来修改地址栏。同时监控地址栏。获取到对应组件,去配置信息里面寻找对应的页面显示

vue的两种模式

hash模式

这种 # ,也就是hash值的变化不会导致浏览器向发送请求,每次hash值的变化都会触发一个hashchange的事件,通过监听这个事件来实现页面更新部分内容的操作

history模式

用了 HTML5 的实现,单页路由的 url 有一个#,变得更加美观。但因为没有 # 号,所以当用户刷新页面时,浏览器还是会给服务器发送请求。所以这个需要服务器支持,把所有路由都重定向到根页面(index页面)。

catch方法的实现原理

catch是用来做编程异常处理,他会判断你的语句是否有错误,有错误就会返回错误

猜你喜欢

转载自blog.csdn.net/mzrxLXR/article/details/81480183