vue-router共0篇
vue-router
React Router@3.x 升级到 @6.x 的实施方案-五八三

React Router@3.x 升级到 @6.x 的实施方案

我们是袋鼠云数栈 UED 团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。 本文作者:景明 升级背景 目前公司产品有关 react 的工具...
admin的头像-五八三admin2年前
060
深度解析Vue Router原理:实战指南与实用技巧-五八三

深度解析Vue Router原理:实战指南与实用技巧

大家好,欢迎来到程序视点! 今天跟大家简单聊聊Router的实现原理,以及我们如何去实现这样一个插件。 Vue Router 是Vue.js官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易...
admin的头像-五八三admin2年前
0100

vue3路由模式

一、 前言 这里要讲vue-router的路由模式,首先要了解的一点就是路由是由多个URL组成的,使用不同的URL可以相应的导航到不同的位置。如果有进行过服务器开发或者对http协议有所了解就会知道,浏...
admin的头像-五八三admin2年前
0120

详解vue-router中的导航守卫

导航守卫是什么 按照官方文档说明,vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。这里有很多方式植入路由导航中:全局的,单个路由独享的,或者组件级的。 在 vue-router ...
admin的头像-五八三admin2年前
0130

介绍Vue router的history模式以及如何配置history模式

合集 - Vue(1)1.介绍Vue router的history模式以及如何配置history模式07-07收起 引言 Vue router给我们提供了两种路由模式,分别是hash模式和history模式。其中默认是使用hash模式,即URL中带有...
admin的头像-五八三admin2年前
0210
记一次修改一行代码导致的线上BUG-五八三

记一次修改一行代码导致的线上BUG

背景介绍 先描述一下需求,要在一个老项目里根据type类型,给一个试题题干组件新增一个class样式,type是在url地址栏上面携带的。简单,一行代码搞定,五分钟部署,十分钟留给测试,然后跟车上...
admin的头像-五八三admin2年前
0250

前端理由导航(vue-router)

前端路由的产生 前端路由是后来发展到SPA(单页应用)时才出现的概念。 SPA 就是一个 web 项目只有一个 HTML 页面,一旦页面加载完成,SPA 不会因为用户的操作而进行页面的重新加载或跳转。 优...
admin的头像-五八三admin2年前
0140
Vue和React对比学习之路由角色权限-五八三

Vue和React对比学习之路由角色权限

简介 哈喽大家好,我是苏苏同学,前面我们聊到了Vue和React的路由拦截鉴权,有很多同学跟我反馈说太简单了,只能判断有没有登录,对于有用户角色权限的系统就不适用了。所以我们今天再深入聊一...
admin的头像-五八三admin2年前
030
Vue和React对比学习之路由拦截鉴权-五八三

Vue和React对比学习之路由拦截鉴权

简介 哈喽大家好,我是苏苏同学,今天我们就来说说 Vue-Router 和 React-Router 中使用频率非常高的路由拦截鉴权。这也是我Vue和React对比学习系列的第九篇文章啦。 阅读本文前,笔者假设各位对...
admin的头像-五八三admin2年前
090

vue-router – 动态路径参数

有时候我们会有多个路由,它们的 URL 形式可能不完全相同,但是它们的功能或者需要渲染的内容是相同的,因此这些路由都需要映射到同一个组件上进行处理 在这种情况下,我们可以使用 Vue Router ...
admin的头像-五八三admin2年前
050
vue-router 路由守卫详解-五八三

vue-router 路由守卫详解

路由守卫(Route Guard)是在路由切换时执行的一些特定函数,这些函数可以在路由导航的不同阶段被调用,以执行特定的逻辑来控制和管理路由的切换 通过编写和注册这些守卫函数,我们可以实现对路...
admin的头像-五八三admin2年前
0100

Vue3 动态路由

Vue3 动态路由 我们将以动态路由初始化项目这个为基础开始实现一个后端配置路由,前端动态加载。这个的思路与Vue2的是一致的,Vue2的实现可以查看这篇Vue2动态路由,不过进入Vue3后有很多方便的...
admin的头像-五八三admin2年前
0150
掘友的一个bug,害我重新阅了一遍vue-router源码-五八三

掘友的一个bug,害我重新阅了一遍vue-router源码

大家好,我是苏先生,一名热爱钻研、乐于分享的前端工程师,跟大家分享一句我很喜欢的话:人活着,其实就是一种心态,你若觉得快乐,幸福便无处不在 github与好文 TypeScript知识点和99个类型体...
admin的头像-五八三admin2年前
070
vite项目自动配置路由-五八三

vite项目自动配置路由

背景 项目过程中,你是否每加一个页面,都要添加路由的的烦恼? 你是否想每加一个.vue文件,自动生成路由文件呢? 下面这个插件,就可以解决你的这些烦恼。 安装 #Npm npm i -D unplugin-vue-ro...
admin的头像-五八三admin2年前
070
史上最全 vue-router 讲解 !!!-五八三

史上最全 vue-router 讲解 !!!

前言 最近有朋友正在准备面试,刚到公司就收到他的消息,接连几个 vue-router 也把我给问懵了 ? 这大早上的人都还没醒就已经梦游到工位上了,眼睛是迷离的,脑子也是糊的,怎么会有人一大早就开...
admin的头像-五八三admin2年前
080