技术栈
vue-router
tuuuuuun
4 小时前
electron
·
vue-router
Electron 子窗口管理
前言BrowserWindow 创建的子窗口,需要创建独立的渲染进程。通过 window.open 打开的子窗口 不会创建新的渲染进程,依赖于主进程的渲染进程。
_AaronWong
6 天前
前端
·
vue-router
Vue页面返回滚动位置恢复:keep-alive滚动记忆
在Vue单页应用开发中,我们经常会遇到这样的场景:用户在一个长列表页面滚动浏览了若干项后,点击进入详情页,然后返回期望能够回到之前的滚动位置,而不是重新回到页面顶部。这种用户体验的优化对于内容型应用尤为重要。
用户5168166145841
9 天前
vue.js
·
vue-router
Vue Router 路由懒加载引发的生产页面白屏问题
项目使用vue3 + Vue Router + ant-design-vue,构建工具使用 vite.
一只小阿乐
16 天前
前端
·
javascript
·
vue.js
·
路由
·
vue-router
vue-router 的实现原理
Vue-router 的核心原理主要基于以下几个关键点:1. Vue 插件机制Vue-router 是一个 Vue.js 官方插件,通过 Vue.use() 方法注册,利用 Vue.mixin 在所有组件中注入 $router 和 $route,使得每个组件都能访问路由信息。
用户8491371754716
2 个月前
前端框架
·
vue-router
·
前端工程化
vue-element-plus-admin 第4期|权限系统实战:动态路由 + 权限控制机制全解析
vue-element-plus-admin 项目采用了灵活且强大的路由系统设计,基于 Vue Router 实现,并结合权限系统形成了一个完整的路由控制方案。
拾光拾趣录
2 个月前
前端
·
vue.js
·
vue-router
Vue 项目监听页面 Hash 变化
作为 Vue 开发中的常见需求,监听 URL Hash 变化有多种实现方式。URL 中的 Hash(# 后的部分)变化不会触发页面跳转,但会改变浏览历史。监听原理基于:
拾光拾趣录
2 个月前
前端
·
vue-router
Vue Router 导航 vs location.href
在SPA中应选择何种导航方式?本文将深入解析Vue Router与原生location.href的本质区别
断竿散人
2 个月前
前端
·
javascript
·
vue-router
浏览器 History 对象完全指南:从 API 原理到 SPA 路由实战
本文深入解析浏览器 History 对象的核心机制,涵盖历史记录管理原理、现代前端路由实现方案及安全防护策略。通过手写迷你路由库、性能优化技巧和 10+ 个生产级案例,掌握 History API 的高阶应用,解决 SPA 开发中的核心痛点。
拾光拾趣录
2 个月前
前端
·
vue.js
·
vue-router
Vue Router 执行顺序
用户行为触发路由变化:关键点:适用场景:表单未保存提示、清除定时器核心价值:优势:将路由特定逻辑与路由配置封装在一起
前端OnTheRun
5 个月前
vue.js
·
axios
·
vue2
·
路由
·
vue-router
新闻客户端案例的实现,使用axios获取数据并渲染页面,路由传参(查询参数,动态路由),使用keep-alive实现组件缓存
一共两个页面:首页和详情页(一级路由), 其中,首页由新闻列表组成,点其中一个可以进入详情页,详情页有返回首页的按钮 底部导航能切换:列表,收藏,喜欢,我的(嵌套二级路由)
萌萌哒草头将军
5 个月前
前端
·
vue.js
·
vue-router
😡😡😡早知道有这两个 VueRouter 增强插件,我还加什么班!🚀🚀🚀
昨天介绍了一些 pinia 库,今天迫不及待的来介绍一些今天发现的两个 Vue Router 神器,它们可以用更少的配置、更高的效率构建复杂路由系统!
前端开发同学
6 个月前
vue-router
Vue路由三体法则:query是青铜,params像王者,而props才是隐藏的降维打击!
在Vue 3项目开发里,Vue Router是实现页面导航和路由管理的关键工具。而在不同页面(组件)间高效准确地传递数据,更是构建交互式应用不可或缺的环节。本文将深入探讨Vue Router中的三种传值方式,并详细讲解如何使用传入的值。
申小兮
6 个月前
前端
·
vue.js
·
vue-router
Vue Router(二)
(1)通过路由配置,定义好组件在路由层面映射的嵌套层级,使用children定义子路由 (2)注意:子路由中的path不以/开头,若写了/则会提升为一级路由
申小兮
6 个月前
前端
·
vue.js
·
vue-router
Vue Router
在Webpack的【Vue组件化抽离】中,可以发现使用Vue以这种模式开发,最终打包的入口文件只有一个html文件,该程序被称为 SPA(单页应用程序),那么就没法使用传统的页面跳转去切换页面,因为Vue中已经没有真实的多页面了,都是组件(.vue)
谎言西西里
6 个月前
前端
·
vue-router
掌握 Vue Router:构建动态单页应用的导航利器🫡
各位读者也可访问官方教程网址 Vue RouterVue路由(Router)是 Vue.js 官方的路由管理器,用于构建单页面应用程序(SPA)。
86Eric
7 个月前
前端
·
vue.js
·
vue-router
·
vue 路由缓存
·
多级菜单缓存
Vue 使用 vue-router 时,多级嵌套路由缓存问题处理
对于三级菜单(或多级嵌套路由),vue 都是 通过 keep-alive 组件来实现路由组件的缓存。有时候三级或者多级路由时,会出现失效情况。以下是三级菜单缓存的例子。
小刀飘逸
7 个月前
vue.js
·
vue-router
vue-router到底有什么用?(解惑篇)
最近有一个实习生师弟问了我这样的问题:为什么要在 Vue 项目中使用 Vue Router?,引发了我的一些思考,作为前端老鸟,用vue router已经成为了一种习惯,但是我们有没有想过为什么需要用它?花了半小时,我写下了这篇文章,一是解答,二是分享。
belldeep
7 个月前
前端
·
javascript
·
vue.js
·
vue-router
vue3:初学 vue-router 路由配置
承上一篇:nodejs:express + js-mdict 作为后端,vue 3 + vite 作为前端,在线查询英汉词典
Aphasia311
7 个月前
前端
·
vue-router
Vue全家桶之一——Vue Router🧑🏻💻
在 Web 应用中,页面的跳转和管理是至关重要的功能之一。Vue Router 作为 Vue 全家桶的重要组成部分,为 Vue 应用提供了强大的路由管理能力。它不仅能够实现页面的无缝跳转,还能保持应用的状态和数据一致性。
剪刀石头布啊
7 个月前
前端
·
vue-router
自动生成路(以及仿nextjs路由)、并做一个简易Element菜单
看了 nextjs 的路由,用新项目的时候,总是不想自己写路由文件了,并且总想自己写一个自动导入的,用了 vue 后,发现可以用到了,于是乎就做一个