技术栈
vue-router
萌萌哒草头将军
6 天前
前端
·
vue.js
·
vue-router
😡😡😡早知道有这两个 VueRouter 增强插件,我还加什么班!🚀🚀🚀
昨天介绍了一些 pinia 库,今天迫不及待的来介绍一些今天发现的两个 Vue Router 神器,它们可以用更少的配置、更高的效率构建复杂路由系统!
前端开发同学
15 天前
vue-router
Vue路由三体法则:query是青铜,params像王者,而props才是隐藏的降维打击!
在Vue 3项目开发里,Vue Router是实现页面导航和路由管理的关键工具。而在不同页面(组件)间高效准确地传递数据,更是构建交互式应用不可或缺的环节。本文将深入探讨Vue Router中的三种传值方式,并详细讲解如何使用传入的值。
申小兮
15 天前
前端
·
vue.js
·
vue-router
Vue Router(二)
(1)通过路由配置,定义好组件在路由层面映射的嵌套层级,使用children定义子路由 (2)注意:子路由中的path不以/开头,若写了/则会提升为一级路由
申小兮
16 天前
前端
·
vue.js
·
vue-router
Vue Router
在Webpack的【Vue组件化抽离】中,可以发现使用Vue以这种模式开发,最终打包的入口文件只有一个html文件,该程序被称为 SPA(单页应用程序),那么就没法使用传统的页面跳转去切换页面,因为Vue中已经没有真实的多页面了,都是组件(.vue)
谎言西西里
1 个月前
前端
·
vue-router
掌握 Vue Router:构建动态单页应用的导航利器🫡
各位读者也可访问官方教程网址 Vue RouterVue路由(Router)是 Vue.js 官方的路由管理器,用于构建单页面应用程序(SPA)。
86Eric
1 个月前
前端
·
vue.js
·
vue-router
·
vue 路由缓存
·
多级菜单缓存
Vue 使用 vue-router 时,多级嵌套路由缓存问题处理
对于三级菜单(或多级嵌套路由),vue 都是 通过 keep-alive 组件来实现路由组件的缓存。有时候三级或者多级路由时,会出现失效情况。以下是三级菜单缓存的例子。
小刀飘逸
1 个月前
vue.js
·
vue-router
vue-router到底有什么用?(解惑篇)
最近有一个实习生师弟问了我这样的问题:为什么要在 Vue 项目中使用 Vue Router?,引发了我的一些思考,作为前端老鸟,用vue router已经成为了一种习惯,但是我们有没有想过为什么需要用它?花了半小时,我写下了这篇文章,一是解答,二是分享。
belldeep
1 个月前
前端
·
javascript
·
vue.js
·
vue-router
vue3:初学 vue-router 路由配置
承上一篇:nodejs:express + js-mdict 作为后端,vue 3 + vite 作为前端,在线查询英汉词典
Aphasia311
2 个月前
前端
·
vue-router
Vue全家桶之一——Vue Router🧑🏻💻
在 Web 应用中,页面的跳转和管理是至关重要的功能之一。Vue Router 作为 Vue 全家桶的重要组成部分,为 Vue 应用提供了强大的路由管理能力。它不仅能够实现页面的无缝跳转,还能保持应用的状态和数据一致性。
剪刀石头布啊
2 个月前
前端
·
vue-router
自动生成路(以及仿nextjs路由)、并做一个简易Element菜单
看了 nextjs 的路由,用新项目的时候,总是不想自己写路由文件了,并且总想自己写一个自动导入的,用了 vue 后,发现可以用到了,于是乎就做一个
zhanggongzi
3 个月前
vue-router
零基础Vue入门6——Vue router
本节重点:前面几节学习的都是单页面的功能,涉及到项目研发都是有很多页面的,这里就需要用到路由(vue router)。学习本节之后就可以写一个小型的项目了。
用户688360517680
4 个月前
axios
·
vue-router
axios jwt token无感刷新
jwt有两个token,分别是access_token、refresh_token;通常refresh_token设置较长的有效时间,access_token设置较短的有效时间。access_token用于后端验证,refresh_token用于获取新的access_token。也就是说,只要refresh_token不过期就可以一直保持登陆状态。 使用localStorage存储refresh_token在页面关闭后重新访问也能保持称登录状态。
answerball
4 个月前
前端
·
vue.js
·
vue-router
告别“原地踏步”!Vue Router:带你飞跃单页应用的迷宫 🧭 (附 Vite 快速搭建教程)
各位前端的小伙伴们,大家好呀!🙋♂️🙋♀️今天咱们来聊聊 Vue 全家桶里一个超级重要的家伙——Vue Router。啥?你还不知道它?没关系,听我给你娓娓道来。想象一下,你辛辛苦苦搭建了一个酷炫的 Vue 应用,但是每次点击链接都只能“原地踏步”,这感觉是不是像便秘一样难受? 😖 别慌!Vue Router 就是来解决这个问题的!它就像一个交通指挥官,能让你在不同的页面之间自由穿梭,告别单页应用的“静态”人生,真正体验飞一般的感觉!😎
qq_36437172
6 个月前
javascript
·
vue.js
·
前端框架
·
vue-router
VueRouter 导航故障问题
在 Vue 的开发中,当出现当前页跳当前页的情况时,可能会导致导航故障。例如,在、一个一级路由叫 “搜索 search”,搜索电脑会到 “search list” 路由上,当再次搜索手机时,会发现路径没有变只是参数变了,这就是当前页跳当前页。此时如果点击按钮跳转到首页,可能会跳转不过去并出现报错。导航故障的问题在 Vue2 和 Vue3 中的路由处理方式不同。
用户818521688117
6 个月前
vue-router
Vue-Router源码实现详解
hash模式页面跳转不刷新根据http协议所示,url中hash改变请求是不会发送到服务端的,不管怎么location跳转,或者url上直接加上hash值回车,他都一样,请求是不会发送到服务端。 但是我们的系统里又引入了vue-router,其中hashchange这个事件监听到了hash的变化,从而触发了组件的更新,也就绘制出了相应的页面
奶昔不会射手
7 个月前
vue3
·
vue-router
vue3项目,本地页面正常显示,打包后页面空白
通过浏览器的页面元素选择定位到问题是因为路由没有正确加载,但是排查了路由文件,入口文件,vite.config.js文件,都没有发现任何问题,直到将路由文件里面的按需加载页面文件改成直接加载,才正确渲染出了页面,才发现按需加载写错了 错误写法
kidding723
8 个月前
前端
·
前端框架
·
vue-router
·
history
·
hash
·
abstract
·
v-bind
前端的面试题
Style 也可以通过对象语法和数组语法进行动态绑定:vue-router 有 3 种路由模式:hash、history、abstract,对应的源码如下所示:
又言又语
8 个月前
vue
·
vue3
·
vue-router
·
编程式路由导航
【Vue3】编程式路由导航
随着年龄的增长,很多曾经烂熟于心的技术原理已被岁月摩擦得愈发模糊起来,技术出身的人总是很难放下一些执念,遂将这些知识整理成文,以纪念曾经努力学习奋斗的日子。本文内容并非完全原创,大多是参考其他文章资料整理所得,感谢每位技术人的开源精神。
又言又语
8 个月前
vue
·
vue3
·
vue-router
·
props
·
路由传参
【Vue3】配置路由规则props
随着年龄的增长,很多曾经烂熟于心的技术原理已被岁月摩擦得愈发模糊起来,技术出身的人总是很难放下一些执念,遂将这些知识整理成文,以纪念曾经努力学习奋斗的日子。本文内容并非完全原创,大多是参考其他文章资料整理所得,感谢每位技术人的开源精神。
又言又语
8 个月前
vue
·
vue3
·
路由
·
vue-router
【Vue3】路由基础
随着年龄的增长,很多曾经烂熟于心的技术原理已被岁月摩擦得愈发模糊起来,技术出身的人总是很难放下一些执念,遂将这些知识整理成文,以纪念曾经努力学习奋斗的日子。本文内容并非完全原创,大多是参考其他文章资料整理所得,感谢每位技术人的开源精神。