vue-router (两种路由模式、编程式/组件式、如何传参(优缺点)、)

本文详细介绍了Vue-Router的两种路由模式——hash模式和history模式,强调了它们的优缺点。同时,探讨了路由传参的query和params两种方式,以及动态路由的使用。还提到了路由守卫的概念,包括全局守卫和组件守卫,并解释了其在路由导航过程中的作用。
摘要由CSDN通过智能技术生成

vue-router (两种路由模式、编程式/组件式、如何传参(优缺点)、)


vue-router 路由跳转两种模式
hash模式:
hash模式:浏览器url中#后面的内容,包含#。hash是URL中的锚点,代表 的是网页中的一个位置,单单改变#后的部分,
浏览器只会加载相应位置的内容,不会重新加载页面。

history模式:history采用HTML5的新特性;且提供了两个新方法:pushState()
replaceState()可以对浏览器历史记录栈进行修改,以及popState事件的监听到状态变更
并且
history 模式下,前端的 URL 必须和实际向后端发起请求的 URL 一致,如 地址后加上/items/id。后端如果缺少对 /items/id 的路由处理,将返回 404 错误
路由传参:
三种:
分别是query,params,动态路由传参
接收:
query: this. r o u t e .

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值