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
vuerouter
跳转传参有几种方式
在
VueRouter
中,实现路由跳转并传参有以下几种方式:1.路由参数(RouteParams):可以通过在路由配置中定义动态的占位符(即路由参数),并在跳转时通过URL路径来传递参数。
嘘~!
·
2023-10-18 07:17
vue.js
前端
javascript
在history模式中push和replace有什么区别
在history模式中,push和replace是
VueRouter
中用于导航的两种方法。1.push方法:push方法将新的路由添加到浏览器历史记录中,并且会导致页面跳转到相应的路由。
嘘~!
·
2023-10-18 07:17
react.js
Vue Router 实现权限控制、解决路由死循环、动态删除路由
VueRouter
实现权限控制、解决路由死循环、动态删除路由利用路由的元数据实现权限控制,如下所示,mate属性里面roles定义角色{path:'/profile',component:Layout,
記億揺晃着的那天
·
2023-10-16 19:37
vue.js
前端
前端框架
Vue3 路由钩子的使用
VueRouter
提供了一些路由钩子函数,允许开发者在不同的路由生命周期阶段执行自定义逻辑,从而实现更为灵活的路由控制。
qq_45438471
·
2023-10-15 11:36
vue.js
前端
javascript
Vue路由守卫有哪些,怎么设置,有哪些使用场景?
Vue路由守卫是在
VueRouter
中提供的一种功能,它允许您在导航到某个路由前、路由变化时或导航离开某个路由时执行代码。
Mr_linjw
·
2023-10-15 06:47
vue.js
javascript
前端
Vue-3.0路由
生活中的路由:设备和ip的映射关系路由就是一种映射关系Vue中路由:路径和组件的映射关系,根据路由就能知道不同路径的,应该匹配渲染哪个组件
VueRouter
的介绍作用:修改地址栏路径时,切换显示匹配的组件说明
小沐°
·
2023-10-15 03:58
vue
vue.js
前端
javascript
Vue2到Vue3的变化细节
defineAsyncComponent方法显式地定义异步组件component选项被重命名为loaderLoader函数本身不再接收resolve和reject参数,且必须返回一个Promise注意:
VueRouter
小宁子呀
·
2023-10-14 18:57
Vue路由进阶--
VueRouter
声明式导航
Vue路由进阶–
VueRouter
声明式导航文章目录Vue路由进阶--
VueRouter
声明式导航1、声明式导航1.1、导航链接1.2、高亮类名1.3、跳转传参1.4、动态路由参数可选符1、声明式导航1.1
曼诺尔雷迪亚兹
·
2023-10-14 12:09
前端
vue.js
前端
javascript
vue3 + ts + pinia + vite +
vueRouter
4的基本配置和使用
拥抱新技术,持续学习~1.下载一大堆依赖yarncreatevite//创建项目yarnyarndev//安装依赖并运行yarnaddvue-router@4//安装路由yarnaddpinia//状态管理yarnadd--devtypescript//ts环境npmi-Dnaive-ui//UInpmi-Dvfonts//字体npminstall@vitejs/plugin-vue//配置vit
漆黑骑士
·
2023-10-14 08:43
开发技能汇总
vue.js
小白也能看的懂,vue2使用Router进行路由配置?
目录一:前言二:配置与使用1.安装
VueRouter
2.配置路由3.运行效果三:尾记四:项目的Gitee源码地址一:前言总所周知,使用vue所开发出来的程序通常是单页面应用程序,这是现代web应用程序开发的重要方式
暴怒的代码
·
2023-10-14 00:24
vue2学习日常
前端
javascript
开发语言
vue.js
vue3 404解决方法
在Vue3应用中解决404错误通常涉及到
VueRouter
,因为404错误通常与路由无法匹配到的路径有关.1.**检查路由配置**:首先确保你的路由配置正确。
锅盖哒
·
2023-10-13 11:36
vue.js
前端
javascript
屏保功能:H5页面时间内无操作自动跳转指定页面
经过一上午的研究,我之前在uniapp中引入了一个
vuerouter
的
Taurus_sheep
·
2023-10-13 10:09
vue如何禁止通过页面输入路径跳转页面
要禁止通过页面输入路径跳转页面,你可以使用
VueRouter
的导航守卫(navigationguards)来拦截导航并阻止不希望的跳转。
无妄的罪
·
2023-10-13 07:47
vue.js
javascript
前端
VueRouter
与expres/koa中间件的关联
ueRouter:runQueue路由守卫都是有三个参数to,from,next。其中next就是下方的fn执行时候传入的第二个参数(回调函数),只有该回调执行后才会挨个遍历queue内的守卫。中间件的作用隔离基础设施与业务逻辑之间的细节。详细的内容位于《深入浅出Node.js》P210另外一幅常见的图就是洋葱圈模型。这幅图形象地展示了外层基础设施与核心业务逻辑之间的关系。express中间件Vu
视图猿人
·
2023-10-13 01:14
VUE
vue.js
前端开发VUE框架-vue核心技术实战精讲-美团前端开发大神精讲Vue+
Vuerouter
+Axios+Vuex
路飞-161-前端开发VUE框架-vue核心技术实战精讲-美团前端开发大神精讲Vue+
Vuerouter
+axios+Vuex路飞-161-前端开发VUE框架-vue核心技术实战精讲-美团前端开发大神精讲
WX373871949
·
2023-10-12 22:06
vue.js
javascript
前端
vue中cdn引入element-ui 报错“vue-router.min.js:6 ReferenceError: ElementUI is not defined“解决
index.html页面引入在vue.config.js页面设置configureWebpack:{externals:{'vue':'Vue','vue-router':'
VueRouter
','axios
qq_39704803
·
2023-10-12 07:30
Vue
Vue学习笔记——Vue router的基本使用
文章目录
Vuerouter
1认识路由1.1什么是路由1.2前后端路由1.3前端路由的规则1.3.1URL的hash1.3.2HTML5的history模式2vue-router2.1Vue-router
一只蒻蒻
·
2023-10-12 05:58
Vue
系列
vue
Vue脚手架创建的项目中index.js的作用
Vue脚手架创建的项目中,router文件夹下的index.js文件是
VueRouter
的配置文件。它的主要作用是定义路由的映射关系,即将URL路径映射到对应的视图组件。
我头像真的只是只猫
·
2023-10-11 16:37
vue.js
javascript
前端
Vue router组件化开发总结
Vuerouter
就是Vue路由,是Vue不同组件之间跳转的重要方式。
李昂李三光
·
2023-10-11 14:11
Java程序员要掌握vue2知识
环境准备安装脚手架npminstall-g@vue/cli-g参数表示全局安装,这样在任意目录都可以使用vue脚本创建项目创建项目vueui使用图形向导来创建vue项目,如下图,输入项目名选择手动配置项目添加
vuerouter
清梦压星河_Ciao
·
2023-10-11 11:30
vue.js
Vue Router深入学习(二)
VueRouter
深入学习(二)通过阅读文档,自己写一些demo来加深自己的理解。
赤蓝紫
·
2023-10-11 06:10
Vue
vue.js
javascript
Vue3
vue学习-14vue的路由缓存组件以及activated和deactivated生命周期钩子
默认情况下,
VueRouter
不会缓存组件,但你可以通过以下方式启用组件缓存:组件:是Vue.js的内置组件,可以用来缓存被包裹的组件。你可以将需要缓存的组件包裹在标签内。
Miaow.Y.Hu
·
2023-10-10 21:33
#
Vue学习
vue.js
学习
缓存
Vue--router和route的区别
一、Routerrouter是通过
VueRouter
构造函数new出来得到了的一个实例对象,这个对象是全局的路由对象,它包含了所有的路由对象和属性类似于history对象比较常用的属性是:correntRoute
Cirrod
·
2023-10-10 02:06
面试
vue.js
javascript
前端
vue-5
1.自定义指令基本语法(全局、局部注册)指令的值v-loading的指令封装2.插槽默认插槽具名插槽作用域插槽3.综合案例:商品列表MyTag组件封装MyTable组件封装4.路由入门单页应用程序路由
VueRouter
是三好
·
2023-10-09 20:00
#
VUE2
vue.js
前端
javascript
Vue3.2+Pinia+
VueRouter
+Vite+TS环境搭建及知识点学习
一.环境搭建1.搭建vite项目npminitvite@latestmy-projectcdmy-projectnpminstallnpmrundev2.安装vue-routernpminstallvue-router@next--save在src目录下创建router文件夹,在文件夹下创建index.tsimport{createRouter,Router,createWebHistory,Ro
小杨小杨、努力变强!
·
2023-10-09 18:46
vue
vue.js
前端
vue3
vite
typescript
路由中的meta是什么?
meta在
VueRouter
的上下文中,meta字段是您为路由定义的自定义字段,它可以用来存储路由相关的一些额外信息。
即兴小索奇
·
2023-10-09 13:30
Vue
前端
javascript
服务器
vue.js
好家伙,他闭着眼睛写Vue3
文章已同步到微信公众号和个人博客:因卓诶一个风和日丽的下午,我用了3个小时写了一个Vue3的小应用,这个应用小到不足为奇,但是Vue3的开发体验最值得我吹一波,这个小应用在登录我用了Vuex4,路由管理用到了最新的
VueRouter
4
因卓诶
·
2023-10-08 20:13
Vue3项目小bug的解决
Uncaught(inpromise)TypeError:router__WEBPACK_IMPORTED_MODULE_2_.default.addRoutersisnotafunction原因:新版
VueRouter
wshish000
·
2023-10-08 13:22
VueRouter
源码详细解读
路由模式1.hash使用URLhash值来作路由。支持所有浏览器,包括不支持HTML5HistoryApi的浏览器。HashURL,当#后面的哈希值发生变化时,不会向服务器请求数据,可以通过hashchange事件来监听到URL的变化,从而进行跳转页面。2.history依赖HTML5HistoryAPI和服务器配置3.abstract支持所有JavaScript运行环境,如Node.js服务器端
小蛮牧码者
·
2023-10-07 05:03
vue
vue.js
javascript
前端
vue3项目全家桶知识
目录一:vue3全家桶二:环境搭建三:vue3中的SFC变化四:两种语法规范五:vue3最重要的特性六:组合API详解七:vue3新语法细节一:vue3全家桶Vue3:https://vuejs.org/
VueRouter
qq_23372481
·
2023-10-05 21:16
前端
javascript
开发语言
仅需十分钟!快速使用Vue3重构升级vue2项目
环境搭建本来打算使用vite+vue3+
VueRouter
+vuex+typescript来构架项目的,但是经过一番折腾后发现vite目前只对vue支持,对于vue周边的一些
SHERlocked93
·
2023-10-05 16:34
java
xhtml
typedef
gwt
weex
FY-7216 9-
vueRouter
vue-routerRouter路由是伴随着SPA(单页面应用存在的)spa出现后,前端可以自由的控制组件的渲染,来模拟页面的跳转总结:传统的路由一般是根据URL访问相关的controller进行数据资源的生成返回前端前端路由是用js根据url返回对应的组件加载所以,前端路由包含两个部分:url的处理组件加载history&hash路由hash路由和history路由的区别:hash路由一般会携带
hahahafffyyy
·
2023-10-05 13:57
11-Vue Router
VueRouter
(路由)就是SPA(单页应用)的路径管理器。
仰望_IT
·
2023-10-05 08:43
VUE 3.x 实战项目从0到1搭建
目录一、开发环境配置1、安装node.js2、npm配置淘宝镜像3、安装VueCLI升级版本4、创建一个项目二、项目框架结构三、常用的集成1、
VueRouter
安装使用2、Vuex安装使用3、axios
不怕麻烦的鹿丸
·
2023-10-05 04:39
Vue
vue
前端
javascript
html5
vue.js
【Vite + Vue3 + TS】unplugin-auto-import自动引入配置及Eslint报错解决
前言:在Vue3和TypeScript项目中,Vue、
VueRouter
中的函数需要在每个页面导入,为提高开发效率,我们需要对此进行自动导入。
前端大斗师
·
2023-10-04 04:51
vue.js
javascript
typescript
eslint
auto-import
点击router-link时候会发生什么?
这里说一下执行流程,当点击一个router-link时,
VueRouter
会执行以下流程:1)点击事件触发:当你点击router-link组件时,会触发一个点击事件。
即兴小索奇
·
2023-10-03 23:52
Vue
vue.js
javascript
前端
Vue+Vite+TS
目录#、基础配置1、安装Node.js2、修改npm镜像源3、配置vscode①插件安装一、创建项目二、安装模块1、Element-plus控件组件2、
VueRouter
路由3、animate.css动画
face丶
·
2023-10-03 00:51
笔记
vue.js
springboot和vue:十二、
VueRouter
(动态路由)+导航守卫
VueRouter
的简介
VueRouter
是官方的路由插件,适合单页面应用/网页的切换。
VueRouter
目前有3.x版本和4.x版本,3.x版本只能结合vue2使用,4.x版本只能结合vue3使用。
鸡鸭扣
·
2023-10-01 22:48
vue.js
spring
boot
前端
vue
前端框架
Vue Router的介绍
:::
VueRouter
是Vue.js的官方路由。它与Vue.js核心深度集成,让用Vue.js构建单页应用变得轻而易举。那么什么时候需要用到路由呢?
菜园前端
·
2023-09-28 15:53
vue.js
前端
javascript
Day-02 从 0 开始搭建一套规范的 Vue3.x 项目工程环境
如上图,表示Vite+Vue3+TypeScript简单的项目骨架搭建完毕,下面我们来为这个项目集成
VueRouter
、pinia、PlusViewUiPlus、Axios、Dayjs、Stylus/Sass
凉生阿新
·
2023-09-28 07:42
搭建
Vue3.x
项目工程环境
前端
Day-03 从 0 开始搭建一套规范的 Vue3.x 项目工程环境
六、集成路由工具
VueRouter
1.安装依赖支持Vue3的路由工具vue-router@4npmivue-router@4//或者执行安装最新开发版本(nightlybuild)npmivue-router
凉生阿新
·
2023-09-28 07:42
搭建
Vue3.x
项目工程环境
前端
vue路由的自动化注册
目录结构1111.png代码示例:router文件夹,index.js代码:importVuefrom"vue";importVueRouterfrom"vue-router";Vue.use(
VueRouter
前端一条鱼
·
2023-09-28 03:09
深入探讨Vue.js:从基础到高级(最佳实践)
2.组件之间的通信Vue模板语法1.插值和指令2.条件和循环3.事件绑定和表单输入绑定Vue路由1.
VueRouter
安装和配置:导航:2.导航守卫3.路由参数Vue状态管理(Vuex)1.什么是Vuex
程序员 小侯
·
2023-09-27 21:49
Java框架
vue.js
前端
javascript
基本页面配置与登录页面编写
删除原有的所有初始内容,在views下新建WelcomeView组件安装
vuerouter
在router下新建index.js文件,编写路由:import{createRouter,createWebHistory
湿物男
·
2023-09-27 10:31
vue.js
Vite+Vue3项目使用第三方Animate.css动画库简单实现页面级的路由转场动画详细教程
一、页面级路由转场动画实现思路参考
VueRouter
官方过渡动效教程:https://router.vuejs.org/zh/guide/advanced/tra
薛定谔的猫-菜鸟程序员
·
2023-09-27 05:26
Vue
Animate.css
Css
css
前端
vue
vue3回到上一个路由页面
学习链接
VueRouter
获取当前页面由哪个路由跳转在Vue3的setup中如何使用thisbeforeRouteEnter在这个路由方法中不能访问到组件实例this,但是可以使用next里面的vm访问到组件实例
ps酷教程
·
2023-09-27 04:07
前端学习
vue.js
javascript
前端
2021-07-29 vue+
vueRouter
哈希改history
router默认是哈希模式(url中带#)修改为history,需要修改两个地方:(1)添加mode:'history'(2)添加base:process.env.NODE_ENV==='development'?'前端项目路径':'前端项目路径'
lucky_果果
·
2023-09-26 09:52
vue router history模式 线上nginx部署 刷新页面导致404
在
Vuerouter
中使用history模式时,刷新页面可能会导致404错误。
码农老牛
·
2023-09-25 14:11
vue.js
nginx
前端
【vue2第十八章】
VueRouter
路由嵌套 与 keep-alive缓存组件(activated,deactivated)
VueRouter
路由嵌套在使用vue开发中,可能会碰到使用多层级别的路由。比如:其中就包含了两个主要页面,首页,详情,但是首页的下面又包含了列表,喜欢,收藏,我的四个子路由。
一个大不溜w
·
2023-09-25 10:03
vue
缓存
vue.js
javascript
前端
html
开发语言
【vue2 】如何创建自定义项目
使用自定义创建项目可以,让vue-cli帮我们配置一些东西比如路由的配置,当使用了自定义创建选择了
vuerouter
之后,创建出来的项目就是自带了路由配置的,只需要写一些路由规则。
一个大不溜w
·
2023-09-25 10:03
javascript
前端
css
html
vue.js
上一页
4
5
6
7
8
9
10
11
下一页
按字母分类:
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
其他