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
TypeScript+Vue3+Vite+
VueRouter
+Pinia的项目搭建
1.TypeScript+Vue3+Vite+
VueRouter
+Pinia的项目搭建1.1使用Vite初始化Vue3+TypeScript项目开发Vue3项目首先要确保电脑上安装了Vite脚手架,本节课程略过
随风小薇
·
2024-02-20 17:21
vue
typescript
javascript
pinia
vue-router 源码阅读 - 文件结构与注册机制
文章目录0.前备知识1.文件结构2.入口文件2.1rollup出口与入口2.2Vue.use3.路由注册3.1install3.2
VueRouter
前端路由是我们前端开发日常开发中经常碰到的概念,在下在日常使用中知其然也好奇着所以然
SHERlocked93
·
2024-02-20 17:20
vue
前端下午茶
vue
源码阅读
springboot-vue-供应商招投标采购在线询价管理系统
VueRouter
用于页面路由管理。Vuex用于状态管理。ElementUI或Vuetify等UI库提供组件支持。数据库(MySQL):存储
软件项目资料查询库
·
2024-02-20 11:51
spring
boot
vue.js
后端
解决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.过渡效果。
yqcoder
·
2024-02-20 09:23
官网速通系列
vue.js
javascript
前端
vue2 vue-router引入使用详解
vue2vue-router使用详解1介绍2
VueRouter
的使用2.1安装2.2项目引入使用2.2.1创建路由文件2.2.2main.ts引入2.2.3App.vue配置2.2.4整体目录结构2.4
Saga Two
·
2024-02-20 08:53
vue基础进阶知识
vue.js
前端
javascript
vue-路由(六)
1明白什么是单页应用2知道vue中的路由是什么3知道如何使用
vueRouter
这个路由插件4知道如何如何封装路由组件5知道vue中的声明式导航router-link的用法6知道vue中的编程式导航的使用
smilehjl
·
2024-02-20 04:44
Vue
vue.js
前端
javascript
使用
VueRouter
构建SPA单面应用DEMO
H5页面使用
VueRouter
构建SPA单面应用DEMOVueRouter实现原理一个页面地址由协议/主机名/页面地址/查询字符串/hash组成,如https://www.host.com/static
坚果jimbowhy
·
2024-02-19 22:01
从零开始搭建 Vue 项目
本文主要介绍如何使用node搭建一个基于Vue+
VueRouter
+iView+webpack的项目,阅读本文之前你可能需要知道:ES6VueVueRouteriViewwebpack中文文档eslintstylelint
蛮吉大人123
·
2024-02-19 15:15
VueRouter
:初识路由、声明式导航、重定向和别名、404设置、模式修改(HTML5 History 模式)、编程式导航、嵌套路由、导航守卫、路由元信息、导航高亮
目录一、初识路由1.1什么是Vue-Router1.2什么单页面应用1.3Vue-Router的使用步骤1.4什么是router-link?1.5创建路由的几种方式1.6组件可以分为哪两类1.7路由综合小案例二、声明式导航2.1声明式导航基础使用2.2声明式导航跳转传值三、重定向和别名3.1重定向3.2给路由起别名四、路由404设置五、模式修改(History模式)六、编程式导航6.1编程式导航基
小白小白从不日白
·
2024-02-13 10:28
vue
vue.js
Vue路由导航守卫控制访问权限
/components/Login.vue'Vue.use(
VueRouter
)constroutes=[{path:'/',redirect:'/login'},{path:'/login',component
st紫月
·
2024-02-13 09:04
vue框架
vue.js
javascript
前端
VueRouter
全局前置导航守卫
VueRouter
里的导航守卫分为三种:全局守卫、路由独享守卫、路由组件内的守卫,本文着重讲解使用全局前置守卫实现App的访问权限控制。
凡大来啦
·
2024-02-13 09:34
vue.js
前端
javascript
组件重定向
学习完整课程请移步互联网Java全栈工程师本节视频【视频】Vue渐进式JavaScript框架-
VueRouter
-组件重定向概述重定向的意思大家都明白,但Vue中的重定向是作用在路径不同但组件相同的情况下配置重定向修改路由配置
撸帝
·
2024-02-13 00:55
学习blog:Vue实现路由懒加载以及将组件打包到一个模块中
目前
VueRouter
官方推荐的懒加载形式是这样constFoo=()=>import('.
weixin_43160044
·
2024-02-11 20:40
Vue
前端
vue
Vue 进阶系列丨实现简易
VueRouter
Vue进阶系列教程将在本号持续发布,一起查漏补缺学个痛快!若您有遇到其它相关问题,非常欢迎在评论中留言讨论,达到帮助更多人的目的。若感本文对您有所帮助请点个赞吧!2013年7月28日,尤雨溪第一次在GItHub上为Vue.js提交代码;2015年10月26日,Vue.js1.0.0版本发布;2016年10月1日,Vue.js2.0发布。最早的Vue.js只做视图层,没有路由,没有状态管理,也没
HFun TM
·
2024-02-10 17:33
vue.js
前端
javascript
ecmascript
前端框架
Vue项目中模块化封装vue-router(易拓展、可维护)
实现思路引入Vue和
VueRouter
库;通过引入项目组所需使用的组件,包括Login、Home、FirstRouter和SecondRouter等;定义了一个createRoute函数,用于创建路由对象
我也想做全栈一霸!
·
2024-02-10 10:50
Vue2
+
IView
JavaScript
vue.js
javascript
前端
第三十三节:Vue路由:Vue-router路由跳转方式
1.通过标签进行路由跳转1.1标签跳转路由的方式
VueRouter
提供了两个内置的组件帮助我们进行路由的跳转使用方式:首页列表关于作者示例代码:首页列表页关于作者查看router-link以及router-view
时光如剑
·
2024-02-09 11:15
(已解决)在vue路由中:Vue.use(
VueRouter
)和Vue.use(Router);有什么区别?
正规来说,在Vue中使用路由功能时,实际上应当是Vue.use(
VueRouter
),而不是Vue.use(Router)。Vue.use()是Vue.js提供的一个全局API,用于安装Vue插件。
BrianGriffin
·
2024-02-08 17:02
vue.js
前端
javascript
(已解决)在vue路由配置中,export const constantRoutes和const routes有什么区别,
在
VueRouter
的配置中,exportconstconstantRoutes和constroutes主要是关于变量的作用域和导出方式的不同。
BrianGriffin
·
2024-02-08 17:02
vue.js
javascript
前端
(已解决)什么是vue导航守卫
vue导航守卫是是一种
VueRouter
内置的功能,它可以让我们在路由切换的过程中执行自定义的代码逻辑。
BrianGriffin
·
2024-02-08 17:31
vue.js
javascript
前端
Vue3.4+element-plus2.5 + Vite 搭建教程整理
最新版本已经基于Vite构建,关于Vite简介:Vite下一代的前端工具链,前端开发与构建工具-CSDN博客1.安装并创建Vue3应用npmcreatevue@latest创建过程可以一路NO目前推荐使用
VueRouter
天马3798
·
2024-02-07 08:51
Vue
vue.js
前端
javascript
Vue3.4
element-plus2.5
vue关于this.router 和this.route的总结
$router(路由实例):是
VueRouter
的实例.包含了很多属性和对象(比如history对象),任何页面都可以调用其push(),replace(),go()等方法,前提是你注册了才行别不注册就想用
蓝奕世
·
2024-02-06 18:42
vue.js
vueRouter
中Hash模式和History模式有什么区别
VueRouter
是Vue.js官方推荐的前端路由库,它提供了一种方便的方式来构建单页应用(SPA)。
JJCTO
·
2024-02-05 18:11
Vue
哈希算法
算法
Vue 实现动态路由
这通常在使用
VueRouter
时进行配置和实现。
正宗咸豆花
·
2024-02-05 08:02
vue.js
前端
javascript
Vue 学习笔记 -- 5. vue-router
/router'Vue.use(
vueRouter
)编写rou
lingchen0522
·
2024-02-03 12:54
Vue
学习之路
vue.js
前端
基于SpringBoot+VUE的电商购物系统【前后分离项目】
项目环境开发语言:Java后台框架:SpringBoot+Mybatis-plus+Mybatis+Hutool工具包UI界面:Vue+
VueRouter
+ELementUI+Axios数据库:MySQL
IT森林里的程序猿
·
2024-02-02 00:24
spring
boot
vue.js
java
后端
eclipse
tomcat
javascript
Vue Router
VueRouter
一、
VueRouter
回顾1、路由简介路由是一个比较广义和抽象的概念,路由的本质就是对应关系。
前端小天才
·
2024-01-31 13:33
vue.js
前端
javascript
Vue(3)——
VueRouter
& Pinia
VueRouter
作为官方路由管理器,能够帮助更快的构建单页面应用。
jiangchubiu
·
2024-01-31 11:11
vue.js
前端框架
vue笔记(二):vue router和pinia
首
vuerouter
实现路由功能,是一种前端渲染方式。pinia用于组件间共享数据,替代之前的vuex功能,成为新的官方推荐。
垃圾管理员
·
2024-01-31 11:39
vue笔记
vue.js
笔记
Vue之初识路由
在我们修改地址栏路径时,切换显示匹配的组件
VueRouter
的使用(5+2)5个基础步骤(固定)1.下载:下载
VueRouter
模块到当前工程,版本
[email protected]
远近高低各不同
·
2024-01-31 07:59
vue.js
前端
javascript
Vue2-全局前置守卫进行登录拦截/路由登录成功的重定向URL配置
1.router----index.js//解决跳转不让重定向问题constoriginalPush=
VueRouter
.prototype.push;
VueRouter
.prototype.push=
LxyingINGing
·
2024-01-30 20:57
vue
javascript
前端
开发语言
Vue Router4路由
VueRouter
4路由目录
VueRouter
4路由1、Vue-router是什么?
Ezms
·
2024-01-30 19:25
前端开发
vue
前端
js
Vue Router 编程式导航
聚沙成塔·每天进步一点点本文内容⭐专栏简介
VueRouter
核心原理1.使用`router.push`2.使用`router.replace`3.使用`router.go`⭐写在最后⭐专栏简介Vue学习之旅的奇妙世界欢迎大家来到
几何心凉
·
2024-01-30 19:23
前端小常识
vue.js
前端
javascript
Vue Router 简介
聚沙成塔·每天进步一点点本文内容⭐专栏简介
VueRouter
简介主要特性:安装和基本用法:⭐写在最后⭐专栏简介Vue学习之旅的奇妙世界欢迎大家来到Vue技能树参考资料专栏!
几何心凉
·
2024-01-30 19:23
前端小常识
vue.js
前端
javascript
Vue路由(vue-router)详细讲解指南
中文文档:https://router.vuejs.org/zh/
VueRouter
是Vue.js官方的路由管理器。它和Vue.js的核心深度集成,让构建单页面应用变得易如反掌。
有梦想的咸鱼前端
·
2024-01-30 00:31
【Vue】2-1、Vue 简介
Vue2官网:Vue.jsVue3官网:Vue.js-渐进式JavaScript框架|Vue.jsVueCLI:VueCLIVueRouter:
VueRouter
|Vue.js的官方路由一、什么是Vue1
QX_Java_Learner
·
2024-01-29 15:00
Vue
vue.js
前端
javascript
《Vue3 基础知识》Vue2 与 Vue3 技术对比(资源整理,建议收藏)
**Vue3技术Vue2技术描述Vue3Vue2Vue3/2官方指南
VueRouter
4
VueRouter
3Vue官方路由管理器Vuex4/Pinia(官方推荐)Vuex3Vue应用程序的状态管理模式+
AvatarGiser
·
2024-01-29 15:59
《Vue3
基础知识》
vue.js
webpack
vite
vue笔记(一):部署
2、在想要创建项目的目录下执行命令npmcreatevue@latest按提示创建项目,其中
vuerouter
是实现路由功能,pinia实现组件之间共享数据。如果项目需要两个功能建议选择yes。
垃圾管理员
·
2024-01-28 19:20
vue笔记
笔记
vue.js
【Vue版记账项目总结】Vue、Vuex、
VueRouter
、JS/TS、svg、css/scss实战总结
目录项目介绍项目前的准备及项目构思模块化封装通用组件@语法导入相关文件CSS的变种形式Vue中CSS的deep选择器Vue中CSS类名的表驱动编程使用
VueRouter
的active-class动态添加类名使用
不知名网友小H
·
2024-01-28 14:57
vue
前端
笔记
vue
javascript
typescript
vue.js
html5
uniapp 实现路由拦截,权限或者登录控制
背景:项目需要判断token,即是否登录,登录之后权限参考uni-app官方:为了兼容其他端的跳转权限控制,uni-app并没有用
vuerouter
路由,而是内部实现一个类似此功能的钩子:拦截器,由其统一管理拦截器说明
Lan.W
·
2024-01-28 06:11
uni-app
前端
路由之编程式导航
Vue的路由系统,即
VueRouter
,提供了两种主要的导航方式:router.push和router.replace。这两种方法都用于跳转到不同的路由,但它们在如何处理浏览器的历史记录方面存在差异。
<有心人>
·
2024-01-27 13:14
前端
javascript
vue.js
笔记
vue报错 NavigationDuplicated: Avoided redundant navigation to current location:
你可以在router的配置文件index中写入以下代码importVueRouterfrom'vue-router';constoriginalPush=
VueRouter
.prototype.pushVu
yasuo56
·
2024-01-26 17:05
vue.js
javascript
前端
Vue-router-tab的使用
importRouterTabandstylesimportRouterTabfrom'vue-router-tab'import'vue-router-tab/dist/lib/vue-router-tab.css'Vue.use(RouterTab);
VueRouter
Judy1623
·
2024-01-26 09:39
vue.js
vueRouter
中scrollBehavior实现滚动固定位置
使用前端路由,当切换到新路由时,想要页面滚到顶部,或者是保持原先的滚动位置,就像重新加载页面那样。vue-router能做到,而且更好,它让你可以自定义路由切换时页面如何滚动。注意:这个功能只在HTML5history模式下可用。当创建一个Router实例,你可以提供一个scrollBehavior方法:constrouter=newVueRouter({routes:[...],scrollBe
亮学长
·
2024-01-26 09:05
vue-router
【Vite+Vue3+TS】基于Vite+Vue3+TypeScript+ESLint+Prettier+Stylelint搭建项目(亲测超详细)
目录项目搭建步骤确定node版本使用Vite创建Vue3项目规范目录结构配置环境修改Vite配置文件集成路由工具
VueRouter
集成状态管理工具Pinia集成CSS预编译器Sasssvg图标组件集成UI
aDiaoYa_
·
2024-01-26 08:07
Vue
typescript
前端
Vue3
Vite
ESlint
Prettier
vue的this指向问题
默认指向当前组件实例,可以访问该实例的各种属性和方法,常见this指向改变的情况有:1、在回调函数中使用this时,this的指向可能会发生改变;2、Vue的生命周期钩子函数中,this指向当前组件实例;3、
VueRouter
忧郁的蛋~
·
2024-01-26 07:35
前端技术
vue.js
javascript
前端
vue router 右到左过渡动画
VueRouter
提供了内置的路由切换效果,可以通过设置组件来添加过渡动画。要实现从右向左的过渡动画,需要使用CSS样式来定义过渡效果。
twins3520
·
2024-01-25 21:11
Vue
vue.js
前端
javascript
介绍Vue router的history模式以及如何配置history模式
引言
Vuerouter
给我们提供了两种路由模式,分别是hash模式和history模式。
毕业_设计
·
2024-01-24 09:12
vue.js
javascript
ecmascript
第十八节 vue3 elementplus 路由守卫
VueRouter
提供了几种类型的路由守卫:全局前置守卫、全局后置守卫、路由独享的守卫。这节我们主要配置下项目得路由守卫。实现得功能
hongc93
·
2024-01-23 19:46
vue3
elementPlus
mock后台管理系统
vue.js
javascript
前端
Vue router beforeEach为什么执行两次
当使用
VueRouter
时,beforeEach函数会在每个路由切换前执行一次,它的返回值会影响路由切换的行为。
KevinLee0424
·
2024-01-23 00:35
上一页
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
其他