Vue-Router

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

创建 vite + vue3 + ts 项目简单笔记

W.Y.B.G·2024-02-19 19:08

Spring Boot 笔记 025 主界面

[email protected]在src/router/index.js中创建路由器，并导出import{createRouter,createWebHistory}from'vue-router

机器人迈克猫·2024-02-19 11:01

VUE使用vue-router设置路由进行页面跳转

一、下载vue-router插件在项目终端输入npminstallvue-routernpminstallvue-router 二、设置路由新建router文件夹，文件夹内新建router.js在router.js

wwr小可爱·2024-02-15 09:13

Vue Router 动态路由匹配

那么，我们可以在vue-router的路由路径中使用“动态路径参数”(dynamicsegment)来达到这个效果：constUser={template:'User'}constrouter=newVueRouter

李轻舟·2024-02-14 12:48

Vue3.0（五）：Vue-Router 4.x详解

Vue-Router详解vue-router教程认识前端路由路由实际上是网络工程中的一个术语在架构一个网络的时候，常用到两个很重要的设备—路由器和交换机路由器实际上就是分配ip地址，并且维护着ip地址与电脑

前端大菜鸟_·2024-02-14 09:28

vite 构建，页面打开空白如何解决

比如部署页面最终部署在https://xxx.com/demo/下，就必须在vue-router中配置以下代码，否则确实会打开白屏import{createRouter,createWebHistory

John的WEB前端学习日记·2024-02-13 11:15

Vue路由导航守卫控制访问权限

importVuefrom'vue'importVueRouterfrom'vue-router'importLoginfrom'..

st紫月·2024-02-13 09:04

100.VUE的优化

false,2.删除vendorXXX.js,通过CND引入vendor文件由依赖库编译产生，如Vue、Element3.路由懒加载importVuefrom'vue'importRouterfrom'vue-router'constroutes

doublegao·2024-02-13 03:57

前端如何根据不同账号动态生成路由

2.创建一个路由守卫函数，用于检查用户是否已登录或具有所需的权限：//router.jsimportVueRouterfrom'vue-router';importroutesfrom'.

xtcgjk·2024-02-12 20:25

解决ElementUI导航栏中的vue-router在3.0版本以上重复点菜单报错问题

https://blog.csdn.net/ZHOU_CXY/article/details/106565480

AR7_·2024-02-12 07:01

vue3学习——封装菜单栏

/Sidebar.vue'//在下面的代码里import{useRoute}from'vue-router'importuseUserStorefrom'@/store/modules/user.ts'

可乐KL·2024-02-12 06:06

vue-router & vuex-oidc动态路由

功能描述1:通过接口获取当前应用的所有菜单基本信息及路由信息2:vuex-oidc为可以检测当前是否获取登录信息，如果没有，则会跳转到登录页面3:通过接口拿到的路由信息辅助指定到对应vue页面，完成页面及路由的一一绑定store.js1:完成oidc相应配置详细参见2:建立储存方法及获取接口动态菜单import{createStore}from'vuex'import{vuexOidcCreate

·2024-02-11 17:54

vue3+vite+element-plus（二）- 使用 vue-router

接口获取路由结构安装依赖npmivue-router有时候我们需要从接口获取路由树结构，使用addRouter动态生成路由配置。我们先创建一个静态文件，模拟接口返回的路由树结构。新建文件src/router/config.ts//src/router/config.tsconstrouterList=[{pageCode:'home',pageName:'首页',pageType:'page',}

·2024-02-11 17:18

路由 Vue-Router

在vue应用中使用路由功能，需要安装Vue-Router：注：创建完带有路由功能的前端项目后，在工程中会生成一个路由文件，如下所示：关于路由的配置，主要就是在这个路由文件中完成的。为了能够使用路

it优质男·2024-02-10 19:24

Vue项目中模块化封装vue-router（易拓展、可维护）

实现思路引入Vue和VueRouter库；通过引入项目组所需使用的组件，包括Login、Home、FirstRouter和SecondRouter等；定义了一个createRoute函数，用于创建路由对象，包括以下几个属性：路径（path）、名称（name）、组件（component）、重定向（redirect）、标题（title）、按钮权限（btnPermissions）和子路由（childre

我也想做全栈一霸！·2024-02-10 10:50

【前端高频面试题--Vue路由篇】

作者：“码上有前”文章简介：前端高频面试题欢迎小伙伴们点赞、收藏⭐、留言前端高频面试题--Vue路由篇对Vue-Router的理解Vue路由懒加载的实现路由的hash和history模式如何获取页面的hash

码上有前·2024-02-10 05:40

vue-router

参考资料：vue-router官方文档（https://router.vuejs.org/zh/guide/）一、动态路由匹配1.如果经常需要把某种模式匹配到的所有路由全部映射到同个组件，那么可以用动态路径参数来达到这个效果

颖小李·2024-02-09 17:39

第三十三节:Vue路由:Vue-router路由跳转方式

前沿:上一小节,在讲路由安装与基本使用的时候,已经提及和使用过的,通过内置的组件进行路由的跳转出了这种跳转路由的方式外还有其他的跳转方式吗?1.通过标签进行路由跳转1.1标签跳转路由的方式VueRouter提供了两个内置的组件帮助我们进行路由的跳转使用方式:首页列表关于作者示例代码:首页列表页关于作者查看router-link以及router-view渲染结果标签跳转路由_图1.png结果说明:r

时光如剑·2024-02-09 11:15

推荐频道