E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
Vue-Router
【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
前端
vue
javascript
vue.js
javascript
前端
vue3实现页面跳转
下面是一个简单的示例代码:首先,安装
vue-router
库:npminstallvue-router@next然后,在main.js中配置路由:import{createApp}from'vue'import
我爱学习yq
·
2024-02-29 20:01
vue.js
javascript
前端
vue
Vue-route核心知识整理
目录1相关理解1.1对
vue-router
的理解1.2对SPA应用的理解1.3对路由的理解1.3.1什么是路由?
是小蟹呀^
·
2024-02-20 23:31
Vue
vue.js
javascript
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
vue
typescript
vue3项目配置按需自动导入API组件unplugin-auto-import
配置vite.configimportAutoImportfrom'unplugin-auto-import/vite'//按需自动加载API插件AutoImport({imports:["vue","
vue-router
菜鸟茜
·
2024-02-20 18:45
VUE
前端
vue
自动引入插件
vite+ts+vue3项目初始化 -- eslint+prettier代码格式化
eslint+prettier格式化校验一、配置@代替src目录二、项目中引入scss三、引入公共样式四、引入组件报红色波浪线五、有些语法不认识需要在vscode中安装Volar插件六、自动导包(vue、
vue-router
weixin_43993776
·
2024-02-20 17:55
vue.js
javascript
前端
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
java
react
python
android
vue-router
路由嵌套显示不出来_【第122期】从头开始学习vuerouter
一、前言要学习
vue-router
就要先知道这里的路由是什么?为什么我们不能像原来一样直接用标签编写链接哪?
vue-router
如何使用?常见路由操作有哪些?等等这些问题,就是本篇要探讨的主要问题。
weixin_39960319
·
2024-02-20 17:52
vue-router
路由嵌套显示不出来
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
vite
vue.js
typescript
vite
vue-router
源码阅读 - 文件结构与注册机制
入口文件2.1rollup出口与入口2.2Vue.use3.路由注册3.1install3.2VueRouter前端路由是我们前端开发日常开发中经常碰到的概念,在下在日常使用中知其然也好奇着所以然,因此对
vue-router
SHERlocked93
·
2024-02-20 17:20
vue
前端下午茶
vue
源码阅读
路由的导航守卫
1.什么是导航守卫
vue-router
提供的导航守卫主要用来通过跳转或取消的方式守卫导航。通俗点讲就是一个拦截器。
cssl-虞老师
·
2024-02-20 10:20
VUE入门
vue.js
前端
javascript
解决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.js
前端
javascript
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.js
javascript
前端
vue router-view报错解决
目录1报错内容2解决方案2.1检查版本2.1正确引入使用
vue-router
组件1报错内容我们在使用router-view组件的时候会遇到如下报错:报错内容如下:[Vuewarn]:Unknowncustomelement
Saga Two
·
2024-02-20 09:23
报错解决
vue.js
javascript
前端
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
vue基础进阶知识
vue.js
前端
javascript
【Vue3】路由传参的几种方式
letstr="田本初"2.接收与使用//接收import{useRoute}from"
vue-router
"constroute=useRoute
田本初
·
2024-02-20 07:25
Vue
vue.js
javascript
前端
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
项目遇到的问题
vue.js
前端
javascript
通过 Laravel 创建一个 Vue 单页面应用(三)
image文章转发自专业的Laravel开发者社区,原始链接:https://learnku.com/laravel/t/34304我们将通过演示在
vue-router
进入一个路由之前,如何异步加载数据来继续使用
summerbluet
·
2024-02-19 22:02
创建 vite + vue3 + ts 项目简单笔记
第三种方法(推荐):初始化项目1、解决`import{ref,reactive...}from'vue'`大量引入的问题2、配置环境变量3、vite+vue3脚手架项目中安装使用`scss`方法4、集成`
vue-router
W.Y.B.G
·
2024-02-19 19:08
笔记
vue3
Vue.js
vue.js
javascript
vue
Spring Boot 笔记 025 主界面
[email protected]
在src/router/index.js中创建路由器,并导出import{createRouter,createWebHistory}from'
vue-router
机器人迈克猫
·
2024-02-19 11:01
Spring
Boot
spring
boot
笔记
前端
VUE使用
vue-router
设置路由进行页面跳转
一、下载
vue-router
插件在项目终端输入npminstallvue-routernpminstallvue-router 二、设置路由新建router文件夹,文件夹内新建router.js在router.js
wwr小可爱
·
2024-02-15 09:13
vue.js
前端
javascript
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
Vue3.0
vue.js
前端
javascript
路由守卫
vue-router
vite 构建,页面打开空白如何解决
比如部署页面最终部署在https://xxx.com/demo/下,就必须在
vue-router
中配置以下代码,否则确实会打开白屏import{createRouter,createWebHistory
John的WEB前端学习日记
·
2024-02-13 11:15
VueJS
vue.js
前端
javascript
Vue路由导航守卫控制访问权限
importVuefrom'vue'importVueRouterfrom'
vue-router
'importLoginfrom'..
st紫月
·
2024-02-13 09:04
vue框架
vue.js
javascript
前端
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
javascript
前端
vue.js
解决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
vue3
学习
vue3
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
vue3vue-router
路由
Vue-Router
在vue应用中使用路由功能,需要安装
Vue-Router
:注:创建完带有路由功能的前端项目后,在工程中会生成一个路由文件,如下所示:关于路由的配置,主要就是在这个路由文件中完成的。为了能够使用路
it优质男
·
2024-02-10 19:24
java
Vue
前端
vue.js
javascript
前端
Vue项目中模块化封装
vue-router
(易拓展、可维护)
实现思路引入Vue和VueRouter库;通过引入项目组所需使用的组件,包括Login、Home、FirstRouter和SecondRouter等;定义了一个createRoute函数,用于创建路由对象,包括以下几个属性:路径(path)、名称(name)、组件(component)、重定向(redirect)、标题(title)、按钮权限(btnPermissions)和子路由(childre
我也想做全栈一霸!
·
2024-02-10 10:50
Vue2
+
IView
JavaScript
vue.js
javascript
前端
【前端高频面试题--Vue路由篇】
作者:“码上有前”文章简介:前端高频面试题欢迎小伙伴们点赞、收藏⭐、留言前端高频面试题--Vue路由篇对
Vue-Router
的理解Vue路由懒加载的实现路由的hash和history模式如何获取页面的hash
码上有前
·
2024-02-10 05:40
前端
前端
vue.js
javascript
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
nginx一个域名配置多个vue项目
在已有项目一的情况下,不改变项目一的访问地址,在同一域名的二级目录下部署项目二,配置如下:一、修改vue.js配置1.修改
vue-router
路由配置src/router/index.js文件a.项目一
秀萝卜
·
2024-02-09 10:15
vue3学习——路由
安装pnpmivue-router/src/router/index.tsimport{createRouter,createWebHashHistory}from'
vue-router
'import{
可乐KL
·
2024-02-09 07:45
vue3
学习
前端
vue3
关于vue3路由
参考vue3路由跳转and接收参数_vue3接收参数-CSDN博客vue3部分使用路由:传递路由//引入API---useRouterimport{useRouter}from'
vue-router
';
_斯洛伐克
·
2024-02-08 23:41
vue.js
前端
javascript
Vue路由的基本用法
1.vue路由是什么东西vue路由就是
vue-router
是vue页面中用于代替html中的a标签跳转页面的,只不过这个页面不是Html是vue页面。
cssl-虞老师
·
2024-02-08 23:39
VUE入门
vue.js
javascript
前端
vue3 之 商城项目—一级分类
整体认识和路由配置场景:点击哪个分类跳转到对应的路由页面,路由传对应的参数router/index.jsimport{createRouter,createWebHashHistory}from'
vue-router
'importLayoutfrom
jiojio在学习勒
·
2024-02-08 18:47
vue3
vue
vue3
element
vue-router
导航守卫全解析
导航守卫
vue-router
实例方法提供了守卫导航的方法,可以将我们的代码逻辑植入到路由导航过程中。
黑山老妖橙
·
2024-02-08 17:05
vue.js
vue-router
vue-router导航守卫
(已解决)如何使用
vue-router
中的重定向
重定向作用:如果访问a地址将跳转到b地址应用场景:如果访问其他页面,在未登录的情况下,跳转到登录页面constrouters=[//重定向{path:'/',name:'fatherPage',compoent:fatherPage,redirect:'/index',//目标路由children:[{path:'/index',name:'index',conpoent:index}]}]如上例
BrianGriffin
·
2024-02-08 17:03
vue.js
前端
javascript
(已解决)什么是vue导航守卫
举一个简单的例子:importVuefrom'vue';importRouterfrom'
vue-router
';Vue.use(Router);constrouter=newRouter({//路由配置
BrianGriffin
·
2024-02-08 17:31
vue.js
javascript
前端
vue-router
嵌套路由
一、子路由的创建1.我们使用嵌套路由之前一定要确定在哪个路由下进行嵌套2.确定好之后,找到对应路由的文件,在指定的位置写入router-view标签3.去router文件夹下找到index.js文件,在定义组件中找到我们想进行嵌套的路由4.在其中添加children属性,绑定的是数组,数组里边定义新的子路由如以下代码,就定义了path为/list的路由的子路由importVuefrom'vue';
IT行星
·
2024-02-07 20:22
vue.js
前端
javascript
Vue-Router
: 如何使用异步组件来实现路由懒加载
Vue-Router
提供了一种简单而强大的方式来实现路由懒加载,即通过异步组件。本文将介绍如何使用异步组件来实现
Vue-Router
的路由懒加载,并提供具体的代码示例。什么是路由懒加载?
忧郁的蛋~
·
2024-02-07 20:21
前端技术
vue.js
前端
javascript
如何在Vue应用程序中使用
Vue-Router
来实现路由嵌套动画效果
Vue-Router
是Vue.js官方的路由管理插件,可以帮助我们轻松管理应用程序的路由。除了基本的路由功能外,
Vue-Router
还允许我们在切换路由时添加动画效果,提升用户体验。
忧郁的蛋~
·
2024-02-07 20:19
前端技术
vue.js
前端
javascript
vue3 路由routerpath后面直接携带参数传递
/pages/home/index.vue")}参数传递import{useRouter}from'
vue-router
'constrouter=useRouter()router.push({path
红烧咸咸鱼
·
2024-02-07 14:12
vue
javascript
前端
vue.js
路由router
router
path
Vue路由
store,template:'',components:{App}})router/index.js//1.使用Vue-routerimportVuefrom'vue'importRouterfrom'
vue-router
'Vue.use
YQY_苑
·
2024-02-07 12:19
使用vite创建vue+ts项目,整合常用插件(scss、
vue-router
、pinia、axios等)和配置
一、检查node版本指令:node-v为什么要检查node版本?Vite需要Node.js版本18+,20+。然而,有些模板需要依赖更高的Node版本才能正常运行,当你的包管理器发出警告时,请注意升级你的Node版本。二、创建vite项目指令:npmcreatevite@latestvue-ts-app----templatevue-ts参考vite官网模板(template)::::infova
留白声
·
2024-02-07 07:56
vue.js
scss
前端
javascript
typescript
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他