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
Vue路由器(详细教程)
1、先安装
vue-router
路由
[email protected]
中应用插件importVuefrom'vue'importAppfrom'.
林代码er
·
2023-11-27 13:07
linerVue
vue.js
前端
javascript
vuex 编译项目_高仿掘金,项目中整合 vue + nuxt + axios + vuex +
vue-router
(nuxt 自带 vuex 和
vue-router
)...
项目介绍高仿掘金,项目中整合vue+nuxt+axios+vuex+vue-router(nuxt自带vuex和
vue-router
),一个基于Nuxt的服务器端渲染Demo项目构建步骤#安装依赖$npminstall
weixin_39711867
·
2023-11-27 01:23
vuex
编译项目
合格前端系列第十一弹-初探 Nuxt.js 秘密花园
技术栈选的是平滑开箱的Nuxt,整个项目整合了vue+nuxt+axios+vuex+vue-router(nuxt自带vuex和
vue-router
)。项目目前实现了以下几大功能服务器端渲染静态页面
weixin_33937778
·
2023-11-27 01:53
name 属性:提高 Vue 应用可维护性的关键
在牛客打造高质量专栏《前端面试必备》蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录一、引言简要介绍
Vue-Router
阿珊和她的猫
·
2023-11-27 01:16
Vue.js
vue.js
前端
javascript
vue-router
的使用技巧
一、安装npminstallvue-router二、引入main.ts引入import{createApp}from'vue'importAppfrom'./App.vue'importrouterfrom'./router'constapp=createApp(App)app.use(router)app.mount('#app')三、定义路由文件路由的参数meta添加路由的其他参数redire
QAEARQ
·
2023-11-26 11:59
Vue
vue.js
前端
vue-router
Vue学习笔记-总结
HTML+CSS+JS:视图:给用户看,刷新后台给的数据网络通信:axios页面跳转:
vue-router
状态管理:vuexVue-UI:ICE,ElementUI一、前端核心分析1.VUE概述Vue(
学编程的LY
·
2023-11-26 11:48
vue.js
javascript
16.VUE
HTML+CSS+JS:视图:给用户看,刷新后台给的数据网络通信:axios页面跳转:
vue-router
状态管理:vuexVue-UI:ICE,ElementUI一、前端核心分析1.VUE概述Vue(
码农碎碎念
·
2023-11-26 11:44
java
vue
vue.js
vue
前端
解决
vue-router
报NavigationDuplicated: Avoided redundant navigation to current location 的问题
解决
vue-router
报NavigationDuplicated:Avoidedredundantnavigationtocurrentlocation的问题最近写项目的时候,重复点击路由会在控制台报这样的错误
cain07
·
2023-11-26 08:41
2020-09-30路由守卫
当导航发生改变的时候
vue-router
会在多个不同的地方调用指定的函数,也就是与路由有关的组件内守卫路由独享守卫全局守卫组件内守卫与路由有关的生命周期函数(守卫)beforeRouteEnterbeforeRouteUpdatebeforeRouteLeave
Mr丶刘霏霏
·
2023-11-26 08:41
vue router 跳转未匹配路径时出现空白页的问题
在进行vue项目开发时,常用
vue-router
进行路由的导航,这种方式可以很好的进行路由和组件的匹配,但是当用户手动更改为未进行匹配的url时,系统找不到响应的组件进行页面渲染,就会出现空白页面。
时光觅迹
·
2023-11-26 06:32
学习
vue-router
以及遇到问题解决记录
学习
vue-router
之前开发移动端用的是uni-app,它里面自带路由,但随着学习不断的深入接触vue的另一个插件
vue-router
,写下这篇记录:本人使用的是vue-cli加vue-route在建立
小庄梦蝶
·
2023-11-26 04:10
vue.js
Vue移动端路由切换案例解析及实例代码
首先,我们需要在Vue项目中安装
vue-router
插件,以便使用路由功能。
技术驱动者
·
2023-11-26 02:57
vue.js
前端
javascript
js
在HBuilderX中配置Vue Router的步骤
在src目录下创建routers.js文件,并在该文件中编写路由相关代码,例如:importVuefrom'vue'importRouterfrom'
vue-router
'importHomefrom'
twins3520
·
2023-11-25 20:23
Vue
vue.js
javascript
ecmascript
[
vue-router
] Failed to resolve async component default: SyntaxError: 缺少 ':'
万万想不到报这个错是因为这个文件中引入了没有用到的组件。问题是这玩意还是组件编译的时候自己加进去的。不是人为。删掉竟然就好了不知道怎么回事如图:
我的吉他我的狗
·
2023-11-25 19:45
vite + vue3创建项目
创建项目npmcreatevite@latestVue-router安装vue-routernpmivue-router@4使用
vue-router
//定义路由文件src/router/index.jsimport
前端不好玩
·
2023-11-25 19:03
vue-router
使用与源码浅析
本文主要讨论最新版的
vue-router
(支持Vue3),主要从其出现原因、使用方式、自己实现一个玩具
vue-router
以及
vue-router
源码分析这几个角度去讨论,希望你喜欢。
懒编程-二两
·
2023-11-25 16:20
vue
python
js
javascript
java
Uncaught SyntaxError: The requested module ‘/node_modules/.vite/deps/vue-router.js?v=0d658a16‘ do...
使用vue3引入路由时会报错,这样改就可以了:我原来写的是importVueRouterfrom'
vue-router
'现在vue3要这么写import*asVueRouterfrom'
vue-router
余炜yw
·
2023-11-25 16:06
vue.js
javascript
前端
vue-cli项目整合qiankun实现微服务架构
1vuecreatevue-app-two//创建微应用21.1通用的qiankun接入准备1.1.1微应用生命周期函数添加importVuefrom"vue";importVueRouterfrom"
vue-router
ilovethesunshine
·
2023-11-25 04:46
前端
javascript
vue.js
vue-router
的重定向-redirect
开发中有时候我们虽然设置的路径不一致,但是我们希望跳转到同一个页面,或者说是打开同一个组件。这时候我们就用到了路由的重新定向redirect参数。redirect基本重定向我们只要在路由配置文件中(/src/router/index.js)把原来的component换成redirect参数就可以了。我们来看一个简单的配置。exportdefaultnewRouter({routes:[{path:
叶子_o
·
2023-11-24 20:00
Vue
Vue3 路由跳转与参数获取
路由跳转import{useRouter}from"
vue-router
"exportdefault{setup(){constrouter=useRouter();//第一步conststate=reactive
叶子_o
·
2023-11-24 20:00
Vue
vue.js
javascript
前端
登陆页面模板
部分先来个效果图账户密码登录用户名密码验证码登录import{reactive,ref}from'vue'import{Login}from"@/api/index.js";import{useRouter}from"
vue-router
『 时光荏苒 』
·
2023-11-24 19:12
前端
javascript
css
Vue2.0
vue-router
源码解析
目录
vue-router
的两种模式以及相关知识点
vue-router
的组成部分
vue-router
是如何根据路由变化进行渲染的
vue-router
全局钩子是如何实现的
vue-router
的两种模式以及相关知识点我们知道
心之所向,无力阻挡
·
2023-11-24 18:13
vue
js
vuex 原理
实现原理:如果了解过
vue-router
的实现原理,就会发现,两者的实现几乎一样,就是通过全局混入一个对象,在该对象的beforeCreate声明周期函数中,对组件添加了一个属性$store,值就是使用
sanyer
·
2023-11-24 14:55
vue3 router,store,query,params获取
$routerimport{useRouter}from'
vue-router
'constrouter=useRouter()获取store,修改store,触发action等等,相当于vue2中的this
前端大灰狼
·
2023-11-24 11:28
vue
vue.js
前端
简单vue项目脚手架(vue+webpack2.0+vuex+vue-router)
github地址(内含简单例子)使用技术栈webpack(^2.6.1)webpack-dev-server(^2.4.5)vue(^2.3.3)vuex(^2.3.1)
vue-router
(^2.5.3
weixin_30689307
·
2023-11-24 09:03
webpack
json
javascript
ViewUI
若依框架:前端登录组件与图像验证码
在上一篇《若依框架:前端项目结构与初始页面渲染流程》中,我们探讨了与“vue.config.js文件配置、.env模式和环境变量配置、
vue-router
全局导航守卫配置、
vue-router
路由配置简介
是席木木啊
·
2023-11-24 09:05
开源项目
若依
Redis
图像验证码
Cookie
Axios二次封装
Vue-Router
路由钩子函数(导航守卫)
@
Vue-Router
路由钩子函数(导航守卫)
Vue-Router
路由钩子函数(导航守卫)路由钩子函数有三种:1:全局钩子:beforeEach、afterEach2:单个路由里面的钩子:beforeEnter
牛赛赛
·
2023-11-24 08:13
vue
路由算法
vue-router
路由导航守卫
共有这几种:路由守卫(导航守卫):router.beforeEach:全局前置守卫。router.beforeResolve:全局解析守卫。router.afterEach:全局后置钩子。组件内守卫:beforeRouteEnterbeforeRouteUpdatebeforeRouteLeave路由独享守卫:beforeEnter总结:导航被触发。在失活的组件里调用beforeRouteLeav
小李想瘦
·
2023-11-24 08:13
vue面试专栏整理
vue
vue.js
vue-router
路由传参的三种方式
vue-router
传递参数有两个大类:①编程式的导航router.push。
°PJ想做前端攻城狮
·
2023-11-24 08:42
前端
#
Vue
从0到1
vue
路由
路由传参
vue-router
路由权限,路由导航守卫
addRouter()添加路由使用场景列如:菜单权限的分配(管理员与用户不一致)根据后台返回参数定义isAdmin根据isAdmin分配letisAdmin=true//添加路由可以传参一级路由名称来添加二级路由if(isAdmin){router.addRoute({path:'/admin',component:()=>import('../views/admin.vue')})router.
小师叔丄
·
2023-11-24 08:00
笔记
vue.js
前端
javascript
22-自定义全局组件
在用vue构建项目的过程中,我们有时会用到别人开发的组件如
vue-router
;使用他人组件的正常步骤如下:1、命令行进行安装,执行install;2、在vue项目中的入口文件main.js中,进行导入
早起的鸟儿
·
2023-11-24 08:02
Vue-router_hash#_路由传参
文章目录路由例:通过监听hash的改变,展示不同组件`
vue-router
`基本使用设置路由高亮设置路由切换动画效果路由传参注:在路由中使用?
liaoai
·
2023-11-24 02:37
Vue
vue.js
javascript
前端新手Vue3+Vite+Ts+Pinia+Sass项目指北系列文章 —— 系列文章(目录)
第二章环境部署(Node等环境安装)第三章项目创建(Vite项目初始化)第四章认识项目目录(项目整体介绍)第五章组件库安装和使用(Element-Plus基础配置)第六章样式格式化(Sass配置)第七章路由配置(
vue-router
SmallTeddy
·
2023-11-24 01:42
前端新手项目指北系列文章
前端
sass
css
vue3 +
vue-router
+ keep-alive缓存页面
1.vue-router中增加mate.keepAlive和deepth属性{path:'/',name:'home',component:HomeView,meta:{//当前页面要不要缓存keepAlive:false,//当前页面层级deepth:1,}},{path:'/list',name:'list',component:ListView,meta:{//当前页面要不要缓存keepAl
jugt
·
2023-11-23 23:16
JavaScript
Vue3
Vue
vue.js
缓存
前端
vue3 路由跳转携带参数
地址携带多选的大量数据//name:路由name,params:携带参数router.push({name:'RoutePushEdit',params:{id:id}});import{useRoute}from'
vue-router
KTFF
·
2023-11-23 21:24
javascript
vue.js
前端
vue3的路由跳转
router.npminstallvue-router2、路由配置创建router文件夹并创建index.ts文件内容如下import{createRouter,createWebHistory}from'
vue-router
'constroutes
不是绿头娃
·
2023-11-23 20:14
javascript
vue.js
前端
Vue3路由配置、跳转
router/index.jsimport{createRouter,createWebHistory}from'
vue-router
'//createRouter创建路由实例,===>newVueRouter
清梦压星河_Ciao
·
2023-11-23 20:41
#
vue
vue.js
2021Vue前端面试题总结(含答案)
怎么定义
vue-router
的动态路由以及如何获取传过来的动态参数?在router目录下的index.js文件中,对path属性加上/:id。使用router对象的params.id。
清欢灬
·
2023-11-23 17:53
javascript
vue.js
VUE通用后台管理系统(一)登录
项目启动,这一步不做过多赘述,假设你已经成功启动了项目2)配置路由1.src/router/index.js中进行路由设置,代码如下importVuefrom'vue'importRouterfrom"
vue-router
前端(从入门到入土)
·
2023-11-23 16:15
VUE通用后台管理系统
vue.js
javascript
前端
Vue中Vue router和axios的封装使用。
配置路由:1.安装npminstallvue-router@42.安装后在src目录下创建router文件夹,并创建index.js代码如下://
vue-router
中提供3种的路由模式import{createWebHistory
爱吃奶酪的松鼠丶
·
2023-11-23 16:57
Vue
vue.js
前端
javascript
Vue-router
编程式导航
除了使用创建a标签来定义导航链接,我们还可以借助router的实例方法,通过编写代码来实现。router.push(location,onComplete?,onAbort?)注意:在Vue实例内部,你可以通过$router访问路由实例。因此你可以调用this.$router.push。想要导航到不同的URL,则使用router.push方法。这个方法会向history栈添加一个新的记录,所以,当
Rising_life
·
2023-11-23 13:31
面试中
vue-router
的一些知识点
VueRouterVueRouter使用举例说明
vue-router
中route和router的区别与联系route和router的区别与联系vue3路由使用vue2路由与vue3路由的区别与联系VueRouterVueRouter
前端布道人
·
2023-11-23 05:05
前端杂货铺
前端面试题
vue.js
前端
javascript
【前端 Vue】07 -
Vue-router
1.后端路由阶段早期的网站开发整个HTML页面是由服务器来渲染的。服务器直接生产渲染好对应的HTML页面,返回给客户端进行展示。1.1但是,一个网站,这么多页面服务器如何处理呢?一个页面有自己对应的网址,也就是URL。URL会发送到服务器,服务器会通过正则对该URL进行匹配,并且最后交给一个Controller进行处理。Controller进行各种处理,最终生成HTML或者数据,返回给前端。这就完
itlu
·
2023-11-23 03:03
react-keepalive-router缓存路由库
一介绍基于react16.8+,react-router4+开发的react缓存组件,可以用于缓存页面组件,类似vue的keepalive包裹
vue-router
的效果功能。
我不是外星人Alien
·
2023-11-22 19:47
react-router
react-hooks
reactjs
javascript
vue-router
之hash与history,以及nginx配置
本篇讲解前端项目的路由模式(以
vue-router
为例),以及history模式下的项目部署问题。
甜点cc
·
2023-11-22 18:39
vue.js
nginx
Vue History模式的Nginx配置
前言
vue-router
有两种模式,hash模式和history模式。直观区别:hash模式url带#号,history模式不带#号。
路庆华
·
2023-11-22 18:38
vue.js
nginx
前端
前端新手Vue3+Vite+Ts+Pinia+Sass项目指北系列文章 —— 第七章 路由配置(
vue-router
深入解读)
系列文章目录(点击查看)文章目录系列文章目录(点击查看)前言一、介绍二、安装三、基础用法1、基础路由配置2、声明式导航和编程式导航1、声明式导航2、编程式导航3、嵌套路由4、动态路由匹配1、如何将多路径映射至同一组件2、代码演示5、命名、重定向和别名1、命名2、重定向3、路由别名6、路由传参7、不同的历史模式1、hash模式2、html5模式3、两种模式差异四、路由守卫1、完整的导航解析流程2、全
SmallTeddy
·
2023-11-22 17:19
前端新手项目指北系列文章
前端
sass
css
vue-router
刷新当前页面
用
vue-router
重新路由到当前页面,页面是不进行刷新的。推荐的解决方法provide/inject组合作用:允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在起上
小小的开发人员
·
2023-11-22 13:41
vue3
vue-router
笔记
home.about页面app.vue文件添加路由占位符router/index.jsimport{createRouter,createWebHashHistory,createWebHistory}from'
vue-router
'importhomefrom
小师叔丄
·
2023-11-22 12:41
vue.js
笔记
javascript
webpack external 详解
使用方法:附上代码块config.set('externals',{vue:'Vue','
vue-router
':'VueRouter',axios:'axios','ant-design-vue':'
qq_41167198
·
2023-11-22 11:54
webpack
javascript
前端
上一页
6
7
8
9
10
11
12
13
下一页
按字母分类:
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
其他