Vue-Router 第2页

vue-router 中滚动行为设置的妙用

在vue-router里，滚动行为设置能够对路由切换时的页面滚动位置进行控制，这在单页面应用（SPA）里十分有用，能够为用户带来更流畅、更符合预期的浏览体验。

代码搬运媛·2025-02-20 07:46

vue基础（十）

在Vue中，vue-router是官方的路由管理插件，用于在单页面应用（SPA）中实现不同页面的切换。在此介绍Vue2和Vue3中路由的使用。

Goodbaibaibai·2025-02-18 09:45

【自学笔记】Vue基础知识点总览-持续更新

如何生成可参考右边的帮助文档文章目录Vue重点知识点总览一、Vue基础1.Vue简介2.MVVM设计思想3.响应式数据绑定4.组件化开发二、Vue核心特性1.虚拟DOM2.模板语法3.计算属性与监听属性三、Vue高级特性1.路由管理（vue-router

Long_poem·2025-02-14 01:19

vue3.0 从入门到一往无前

选项式与组合式选项式API组合式API区别：二、响应机制（ref、reactive）1.reactive:2.ref:3.isRef与isReactive4.toRef与toRefs三、组件通信四、路由vue-router

Ccfitch·2025-02-11 04:57

vue-router子路由的实现

借助vue-router提供了嵌套路由的功能，让我们能把相关联的页面组织在一起。

一枚码仔·2025-02-09 14:21

Vue全流程--Vue2路由

路径发生相应改变2、整个应用只有一个完整页面3、数据需要通过ajax获取Vue2中的路由是什么：Vue2路由是一个插件库叫做vue-router需要引入npmivue-router应用方式//插件引入importVueRouterfrom'vue-router

不清参·2025-02-08 21:13

vue3点击跳转页面

vue3跳转页面在点击事件的页面按钮跳转import{useStore}from'@/store/index'//先是引入useRouterimport{useRouter}from'vue-router'exportdefault

心为醒SS·2025-02-06 15:38

路由跳转登录权限判断/vue3

-2import"@/router/permisstion";2router文件夹，三个文件1.1indexe.tsimport{createRouter,createWebHistory}from"vue-router

前端小云儿·2025-02-03 23:09

vue-router的index.js文件配置参数

RouteConfig的类型定义：interfaceRouteConfig={path:string,component?:Component,name?:string,//命名路由components?:{[name:string]:Component},//命名视图组件redirect?:string|Location|Function,props?:boolean|Object|Functi

公孙元二·2025-02-03 23:38

Vue-Router进阶相关，声明式导航，路由基本配置，编程式导航

1.声明式导航导航高亮在鼠标点导航时，会自动为导航所在标签添加两个类分别为router-link-exact-active和router-link-activerouter-link-exact-active精确匹配只有to='/Like'生效（用得少）router-link-active模糊匹配to='/Like'to='/Like/me'to='/Like/user'to='/Like/lov

从今开始努力学前端·2025-01-28 07:11

VUE之参数传递

index.ts//创建一个路由器，并暴露出去//第一步：引入createRouterimport{createRouter,createWebHistory,createWebHashHistory}from'vue-router

三日沐水·2025-01-28 07:41

编程式路由导航的三种方法

//创建一个路由器，并暴露出去//第一步：引入createRouterimport{createRouter,createWebHistory,createWebHashHistory}from'vue-router

小野晨曦·2025-01-28 06:36

编程式导航

VueRouter提供了userRouter()函数，使用它可以获取全局路由实例，示例如下：import{useRouter}from'vue-router'constrouter=useRo

云水舟·2025-01-28 06:06

Vue编程式路由跳转多次执行报错

`call(this)`的作用4.异常捕获的意义其他注意事项总结问题描述在使用Vue.js的vue-router进行编程式路由跳转时，如果多次执行跳转到当前路由（参数不变），会抛出Nav

全端工程师·2025-01-27 02:55

Vue-Router路由动态缓存组件(keep-alive)，vue2/vue3不同写法

个人简介：某大型国企资深软件开发工程师，信息系统项目管理师、CSDN优质创作者、阿里云专家博主、华为云云享专家，分享前端后端相关技术与工作常见问题~作者：码喽的自我修养❣️专栏：vue2/3从基础到起飞若有帮助，还请关注➕点赞➕收藏，不行的话我再努努力文章目录一、简介它的主要作用是缓存不活动的组件实例，而不是销毁它们。基本用法生命周期钩子二、定义是否缓存组件三、缓存组件相关配置1.通过:inclu

码喽的自我修养·2025-01-23 18:38

vue-router 3.X 讲解

vue-router3.X讲解最近小哆啦在学习之余，发现自己在vue-router中有好多不了解的知识点，小哆啦决定梳理一遍vue-router参考资料：VueRouter(vuejs.org)说起前端路由有些朋友可能会问什么是路由

故梦867·2025-01-17 13:32

Vue 开发者的 React 实战指南：路由和导航篇

基础路由配置VueRouter配置在Vue中，我们通常这样配置路由：//router/index.jsimport{createRouter,createWebHistory}from'vue-router

·2025-01-17 00:10

npm安装vue.js的2.x和3.x版本的vuex/vue-router/vue-cli安装命令

1.vue2和vue3安装几个组件的指令有@的区别vue2安装组件指令没有@,但是vue3有,我不知道为啥。2.Vue.js2.x安装指令npminstall-gvue-cli#安装VueCLInpminstallvue#安装Vuenpminstallvuex#安装Vuexnpminstallvue-router#安装VueRouter3.Vue.js3.x安装指令npminstall-g@vue

·2025-01-16 16:24

2019-05-29 vue-router的两种模式的区别

,用javascript动态的变化html的内容优点:良好的交互体验,用户不需要刷新页面,页面显示流畅,良好的前后端工作分离模式,减轻服务器压力,缺点:不利于SEO,初次加载耗时比较多2、hash模式vue-router

Kason晨·2024-09-15 17:39

Vue使用query传参Boolean类型，刷新之后转换为String问题

做项目时发现第一次进入页面时传参是正常的Boolean类型，刷新之后变成了String，这是浏览器进行的一次强制转换；vue-router传参，不管是params形式还是query形式传参，在页面刷新后

codeMing_·2024-09-13 07:14

Vue-Router/Vue组件

Vue-Router一、安装npminstallvue-router@3确保安装VueRouter的版本与你的Vue版本兼容。

_nut_·2024-09-12 19:57

解决Vue 2.0 安装 vue-router 不成功问题

报错信息：vue解决办法：这是因为npmivue-router默认下载的是vue3.0版本对应的，这里需要指定下载版本[email protected]

什么都是已存在·2024-09-08 21:32

后台数据管理系统 - 项目架构设计

黑马程序员-大事件接口文档:登录-黑马程序员-大事件接口根路径：http://big-event-vue-api-t.itheima.net本项目的技术栈本项目技术栈基于ES6、vue3、pinia、vue-router

风流野趣fly·2024-09-05 04:00

【Vue】项目目录说明

node_modules：项目所有依赖的包文件，比如vue-router、vuex等插件都会下载到这个文件夹里面public

德育处主任·2024-09-04 08:07

vue-router学习8：RouterView插槽

RouterView用于渲染当前路由对应的组件，可以通过插槽（Slots）来提供更加灵活和强大的路由渲染能力。RouterView插槽概述RouterView提供了两个主要的插槽：默认插槽(defaultslot)：用于渲染当前路由匹配到的组件。命名插槽(namedslots)：根据路由的name属性来渲染对应的组件。安装并配置npminstallvue-router使用import{create

无名H·2024-08-31 22:00

VUE3笔记

JavaScript四、jQuery五、BootStrap六、Element七、Ajax八、JSON九、VUE3第一章、基础一、vue简介1、学习阶段vue2基础vue-cli（vue的手脚架，专门做工程化开发）vue-router

一介书生.·2024-08-31 16:48

vue3插件原理

概览vue3的生态圈提供了许多方便的插件或者工具，比如pinia、vue-router和ElementPlus等，使用插件的写法一般如下:constapp=createApp(App);app.use(

Jinuss·2024-08-28 10:04

VUE复习笔记27（路由）

XKolento·2024-08-27 14:13

创建前端项目中架构基本流程(vue版)

不涉及具体项目实现，只整理项目前期准备的流程，具体项目实现可bilibili搜索黑马程序员获取此文档梳理搭建vue项目的基本流程及相应模板的创建本项目的技术栈本项目技术栈基于ES6、vue3、pinia、vue-router

小徐努力中·2024-08-26 15:50

vue3 vue-router嵌套两级路由时，每一级路由都使用transition+keep-alive时，二级路由之间切换离场动效正常，一级路由之间切换会导致离场的页面组件离场动效重复1遍

vue3中使用vue-router嵌套两级路由时，每一级路由都使用transition+keep-alive时，二级路由之间切换离场动效正常，一级路由之间切换会导致离场的页面组件离场动效重复1遍，即播放了两遍离场动效场景复现问题场景和这篇文章中的是类似的

温温温B·2024-08-25 21:56

vue3+vue-router4 路由守卫

router/index.ts:import{createRouter,createWebHistory}from'vue-router'constrouter=createRouter({history

徐同保·2024-08-25 02:30

vue-router 源码分析——4.嵌套路由

这是对vue-router3版本的源码分析。本次分析会按以下方法进行：按官网的使用文档顺序，围绕着某一功能点进行分析。这样不仅能学习优秀的项目源码，更能加深对项目的某个功能是如何实现的理解。这个对自己的技能提升，甚至面试时的回答都非常有帮助。在围绕某个功能展开讲解时，所有不相干的内容都会暂时去掉，等后续涉及到对应的功能时再加上。这样最大的好处就是能循序渐进地学习，同时也不会被不相干的内容影响。省略

重生之我是蔡经理·2024-08-23 00:48

【vue3 路由使用与讲解】vue-router ：简洁直观的全面介绍

#核心内容介绍路由跳转有两种方式：声明式导航：编程式导航：router.push(...)或router.replace(...)；两者的规则完全一致。push(to:RouteLocationRaw):Promisereplace(to:RouteLocationRaw):Promise;由于属性to与router.push接受的对象种类相同，所以两者的规则完全相同。路由传参有两种方法：para

oumae-kumiko·2024-03-06 18:13

vue3实现页面跳转

下面是一个简单的示例代码：首先，安装vue-router库：npminstallvue-router@next然后，在main.js中配置路由：import{createApp}from'vue'import

我爱学习yq·2024-02-29 20:01

Vue-route核心知识整理

是小蟹呀^·2024-02-20 23:31

vue3.0+ts+element-plus多页签应用模板：多级路由缓存

系列文章vue3.0+ts+element-plus多页签应用模板：前言vue3.0+ts+element-plus多页签应用模板：项目搭建vue3.0+ts+element-plus多页签应用模板：vue-router

W先生-SirW·2024-02-20 19:24

vue3项目配置按需自动导入API组件unplugin-auto-import

配置vite.configimportAutoImportfrom'unplugin-auto-import/vite'//按需自动加载API插件AutoImport({imports:["vue","vue-router

菜鸟茜·2024-02-20 18:45

vite+ts+vue3项目初始化 -- eslint+prettier代码格式化

eslint+prettier格式化校验一、配置@代替src目录二、项目中引入scss三、引入公共样式四、引入组件报红色波浪线五、有些语法不认识需要在vscode中安装Volar插件六、自动导包（vue、vue-router

weixin_43993776·2024-02-20 17:55

Vite 搭建 Vue2 项目（Vue2 + vue-router + vuex）

Vite先让我说几句废话。在写本文时Vite没有提供Vue2的创建方式。相信有些开发者还没开始学Vue3，但又想尝尝Vite。那可以参考本文的进食方式。如果心急的话，“0、简介”可以跳过。0、简介在写本文时，Vite默认不提供Vue2项目的创建方式。使用Vite创建出来的Vue项目，暂时都是Vue3的。Vite是构建工具的高阶封装。它的内部其实是Rollup。Vite是尤雨溪随着Vue3正式版一起

德育处主任Pro·2024-02-20 17:23

vue-router 路由嵌套显示不出来_【第122期】从头开始学习vuerouter

一、前言要学习vue-router就要先知道这里的路由是什么？为什么我们不能像原来一样直接用标签编写链接哪？vue-router如何使用？常见路由操作有哪些？等等这些问题，就是本篇要探讨的主要问题。

weixin_39960319·2024-02-20 17:52

vue3+vite插件配置系列1-vite-plugin-pages搭配vue-router

介绍vite插件，可以读取文件夹下的vue文件，自动生成vue-router的路由信息，这样以后每次有新的vue页面增加，都不用去更改vue-router的路由信息代码了，减少了工作量使用1.下载npmi-Dvite-plugin-pagesnpmi-svue-router

永远不会太晚·2024-02-20 17:51

vue-router 源码阅读 - 文件结构与注册机制

入口文件2.1rollup出口与入口2.2Vue.use3.路由注册3.1install3.2VueRouter前端路由是我们前端开发日常开发中经常碰到的概念，在下在日常使用中知其然也好奇着所以然，因此对vue-router

SHERlocked93·2024-02-20 17:20

路由的导航守卫

1.什么是导航守卫vue-router提供的导航守卫主要用来通过跳转或取消的方式守卫导航。通俗点讲就是一个拦截器。

cssl-虞老师·2024-02-20 10:20

解决cli4 - “export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘

出现警告："export'default'(importedas'VueRouter')wasnotfoundin'vue-router'"export'default'(importedas'Vue'

冲动的BUG·2024-02-20 09:28

Vue-Router 官网速通

前言：参考VueRouter，本文档例子使用vue3语法。一：介绍1.什么是VueRouter是Vue.js的官方路由。功能包括：1.路由映射。2.动态路由。3.路由配置。4.路由参数。5.过渡效果。6.导航控制。7.CSS类链接。8.HTML5模式。9.滚动行为。10.URL编码2.安装对于一个现有使用JS包管理的项目，添加VueRouter依赖：npminstallvue-router@4#o

yqcoder·2024-02-20 09:23

vue router-view报错解决

目录1报错内容2解决方案2.1检查版本2.1正确引入使用vue-router组件1报错内容我们在使用router-view组件的时候会遇到如下报错：报错内容如下：[Vuewarn]:Unknowncustomelement

Saga Two·2024-02-20 09:23

vue2 vue-router引入使用详解

vue2vue-router使用详解1介绍2VueRouter的使用2.1安装2.2项目引入使用2.2.1创建路由文件2.2.2main.ts引入2.2.3App.vue配置2.2.4整体目录结构2.4使用方法2.4.1使用router-view进行页面视图切换2.4.2使用router-link进行页面跳转2.4.3路由重定向2.4.4路由传参2.5.5路由守卫3其他1介绍Vue很适合用来构建单

Saga Two·2024-02-20 08:53

【Vue3】路由传参的几种方式

letstr="田本初"2.接收与使用//接收import{useRoute}from"vue-router"constroute=useRoute

田本初·2024-02-20 07:25

pc端vue封装高德地图实现定位 PlaceSearch搜索

onMounted,onUnmounted,getCurrentInstance,ref,inject,watch,toRefs,reactive}from'vue'import{useRouter}from'vue-router'importAMapLoaderfrom

KAGHQ·2024-02-20 06:24

通过 Laravel 创建一个 Vue 单页面应用（三）

image文章转发自专业的Laravel开发者社区，原始链接：https://learnku.com/laravel/t/34304我们将通过演示在vue-router进入一个路由之前，如何异步加载数据来继续使用

summerbluet·2024-02-19 22:02

推荐频道

Vue-Router