vue简单介绍路由的3大模式

741 ℃

vue简单介绍路由的3大模式,下面web建站小编给大家简单介绍一下!

1、history模式

history.go(-2);//后退两次
history.go(2);//前进两次
history.back(); //后退
hsitory.forward(); //前进

2、hash模式

<a href='#/web'>1(#/aaa)</a>

使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,页面不会重新加载,其显示的网路路径中会有 “#” 号,有一点点丑。这是最安全的模式,因为他兼容所有的浏览器和服务器。

3、abstract模式

const router = new VueRouter({routes, mode:'hash|history|abstract',})

总结一下:

1:hash模式(vue-router默认模式URL后面带#)使用URL的hash值来作为路由,支持所有浏览器;缺点:只能改变#后面的来实现路由跳转。

2:history模式(通过mode: ‘history’来改变为history模式)HTML5 (BOM)History API 和服务器配置 缺点:怕刷新如果后端没有处理这个情况的时候前端刷新就是实实在在的请求服务器这样消耗的时间很多还很慢。

vue项目部署成功后刷新页面报404(解决方法)

vue-roter路由配置的3种模式介绍

history相关属性

标签: abstract模式, hash模式, history, 路由模式

上面是“vue简单介绍路由的3大模式”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。

当前网址:https://m.ipkd.cn/webs_2867.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

wordpress建站前准备工作
mysql语法中有哪些获取当前时间方法
el-time-select赋值失败解决方法(从接口获取值赋值不上去)
网站做好seo需要掌握哪些规则
git教程之删除文件