vue-router

vue多页项目如何在每次版本更新时做提示项目中使用懒加载方式加载组件，在新部署镜像后，由于浏览器缓存又去加载旧的js chunk，但是之时旧的js chunk已经不存在，加载不出来造成bug

Sheldon一蓑烟雨任平生

Vue 用户管理系统（路由相关练习）本篇文章介绍的系统练习，虽然作为 Vue Router 的练习，但是涉及的知识点还包括：（1）json-server，模拟后端服务依赖；（2）axios 封装，简便后端请求；（3）Vue Router 的参数请求和嵌套请求。

Electron 子窗口管理前言BrowserWindow 创建的子窗口，需要创建独立的渲染进程。通过 window.open 打开的子窗口不会创建新的渲染进程，依赖于主进程的渲染进程。

Vue页面返回滚动位置恢复：keep-alive滚动记忆在Vue单页应用开发中，我们经常会遇到这样的场景：用户在一个长列表页面滚动浏览了若干项后，点击进入详情页，然后返回期望能够回到之前的滚动位置，而不是重新回到页面顶部。这种用户体验的优化对于内容型应用尤为重要。

用户5168166145841

Vue Router 路由懒加载引发的生产页面白屏问题项目使用vue3 + Vue Router + ant-design-vue，构建工具使用 vite.

一只小阿乐

vue-router 的实现原理Vue-router 的核心原理主要基于以下几个关键点：1. Vue 插件机制Vue-router 是一个 Vue.js 官方插件，通过 Vue.use() 方法注册，利用 Vue.mixin 在所有组件中注入 $router 和 $route，使得每个组件都能访问路由信息。

用户8491371754716

vue-element-plus-admin 第4期｜权限系统实战：动态路由 + 权限控制机制全解析vue-element-plus-admin 项目采用了灵活且强大的路由系统设计，基于 Vue Router 实现，并结合权限系统形成了一个完整的路由控制方案。

拾光拾趣录

Vue 项目监听页面 Hash 变化作为 Vue 开发中的常见需求，监听 URL Hash 变化有多种实现方式。URL 中的 Hash（# 后的部分）变化不会触发页面跳转，但会改变浏览历史。监听原理基于：

拾光拾趣录

Vue Router 导航 vs location.href在SPA中应选择何种导航方式？本文将深入解析Vue Router与原生location.href的本质区别

浏览器 History 对象完全指南：从 API 原理到 SPA 路由实战本文深入解析浏览器 History 对象的核心机制，涵盖历史记录管理原理、现代前端路由实现方案及安全防护策略。通过手写迷你路由库、性能优化技巧和 10+ 个生产级案例，掌握 History API 的高阶应用，解决 SPA 开发中的核心痛点。

拾光拾趣录

Vue Router 执行顺序用户行为触发路由变化：关键点：适用场景：表单未保存提示、清除定时器核心价值：优势：将路由特定逻辑与路由配置封装在一起

新闻客户端案例的实现,使用axios获取数据并渲染页面,路由传参(查询参数,动态路由),使用keep-alive实现组件缓存一共两个页面:首页和详情页(一级路由), 其中,首页由新闻列表组成,点其中一个可以进入详情页,详情页有返回首页的按钮底部导航能切换:列表,收藏,喜欢,我的(嵌套二级路由)

萌萌哒草头将军

😡😡😡早知道有这两个 VueRouter 增强插件，我还加什么班！🚀🚀🚀昨天介绍了一些 pinia 库，今天迫不及待的来介绍一些今天发现的两个 Vue Router 神器，它们可以用更少的配置、更高的效率构建复杂路由系统！

前端开发同学

Vue路由三体法则：query是青铜，params像王者，而props才是隐藏的降维打击！在Vue 3项目开发里，Vue Router是实现页面导航和路由管理的关键工具。而在不同页面（组件）间高效准确地传递数据，更是构建交互式应用不可或缺的环节。本文将深入探讨Vue Router中的三种传值方式，并详细讲解如何使用传入的值。

Vue Router（二）（1）通过路由配置，定义好组件在路由层面映射的嵌套层级，使用children定义子路由（2）注意：子路由中的path不以/开头，若写了/则会提升为一级路由

Vue Router在Webpack的【Vue组件化抽离】中，可以发现使用Vue以这种模式开发，最终打包的入口文件只有一个html文件，该程序被称为 SPA（单页应用程序），那么就没法使用传统的页面跳转去切换页面，因为Vue中已经没有真实的多页面了，都是组件(.vue)

谎言西西里

掌握 Vue Router：构建动态单页应用的导航利器🫡各位读者也可访问官方教程网址 Vue RouterVue路由（Router）是 Vue.js 官方的路由管理器，用于构建单页面应用程序（SPA）。

Vue 使用 vue-router 时，多级嵌套路由缓存问题处理对于三级菜单（或多级嵌套路由），vue 都是通过 keep-alive 组件来实现路由组件的缓存。有时候三级或者多级路由时，会出现失效情况。以下是三级菜单缓存的例子。

vue-router到底有什么用？（解惑篇）最近有一个实习生师弟问了我这样的问题：为什么要在 Vue 项目中使用 Vue Router？，引发了我的一些思考，作为前端老鸟，用vue router已经成为了一种习惯，但是我们有没有想过为什么需要用它？花了半小时，我写下了这篇文章，一是解答，二是分享。

vue3：初学 vue-router 路由配置承上一篇：nodejs：express + js-mdict 作为后端，vue 3 + vite 作为前端，在线查询英汉词典