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+Vite+Ts 项目实战 02 配置 VueRouter、Pinia 配置和简单介绍、配置 SCSS
npminstallvue-router@4创建路由配置文件:首页登录//src\router\index.tsimport{createRouter,createWebHistory,RouteRecordRaw}from'
vue-router
'const
皮蛋很白
·
2023-10-27 12:41
#
vite
vite
vue3
typescript
【Vue3】使用vite脚手架搭建vue3-ts项目
目录一、使用vite搭建项目二、vite配置三、安装
vue-router
四、安装vuex五、安装axios六、Eslint、js-cookie、Nprogress、Path、sass七、初始化ElementPlus
哇哦Q
·
2023-10-27 12:06
vite
javascript
vue.js
前端
vue2 对路由控制以及axios请求响应的封装
router/index.jsimportVuefrom'vue'importRouterfrom'
vue-router
'Vue.use(Router)importWregisterfrom'@/views
极端~
·
2023-10-27 09:31
前端
vue学习笔记
vue-router
axios封装
【Vue3+Vite+TS】2.0 组件一:伸缩菜单
Container布局容器Menu菜单组件设计修改路由:src\router\index.tsimport{createRouter,createWebHistory,RouteRecordRaw}from'
vue-router
'importHomefrom
bobokaka
·
2023-10-27 09:01
微前端qiankun接入Vue和React项目
主应用:Vue3+Webpack1、创建主应用:npxvuecreatemain-vue3-app2、安装qiankunnpxyarnaddqiankun3、项目中使用的vue、
vue-router
、qiankun
UzumakiHan
·
2023-10-27 06:08
前端
vue.js
react.js
qiankun
Vue-router
路由嵌套地址改变不跳转记录
干了一个很蠢的事,在使用ElementUI中的el-menu组件时,需要读取路由并跳转,发现嵌套路由不加载组件的问题,例如importVuefrom'vue'importVueRouterfrom'
vue-router
'importHomefrom
头大如牛
·
2023-10-27 05:53
Vue.js 教程---菜鸟教程
文章目录教程安装起步模板语法插值指令用户输入过滤器缩写条件语句循环语句计算属性监听属性样式绑定事件处理器表单组件组件-自定义事件自定义指令钩子路由(
vue-router
)过渡&动画过渡Ajax(axios
小星星xx
·
2023-10-27 00:47
vue.js
javascript
前端
vue2后台管理
项目技术栈基于ES2015+、vue、vuex、
vue-router
、vue-cli、axios;支持本地mock数据(基于Mockjs+webpackdevserver);支持异步请求代理;支持模块化开发支持权限化显示自动发现并注册路由
tadpole坤
·
2023-10-26 18:07
javascript
vue.js
webpack
个人开发
vue-router-参数
一、概要
vue-router
传递参数分为两大类编程式router.push声明式声明式传递参数的方式有三种:通过标签中的to传参用url传参用name传值(不推荐)二、标签中to传参语法格式说明:to表示绑定参数
杨健kimyeung
·
2023-10-26 14:14
使用
vue-router
跳转页面
使用Vue.js做项目的时候,一个页面是由多个组件构成的,所以在跳转页面的时候,并不适合用传统的href,于是
vue-router
应运而生。
sean_liu_01
·
2023-10-26 08:34
vue获取css内容进行替换_Vue 实现换肤功能
业务需求:根据不同的"标识"加载应用时自动更换主题需要的东西:vue-cli全家桶主要(vuex,
vue-router
),less,webpack,两套同样目录结构的主题静态资源(css,图片)最终效果主题
架狙只打脚
·
2023-10-26 08:29
vue获取css内容进行替换
vue-router
动态路由匹配constrouter=newVueRouter({routes:[//动态路径参数以冒号开头{path:'/user/:id',component:User}]})一个“路径参数”使用冒号:标记。当匹配到一个路由时,参数值会被设置到this.$route.params,可以在每个组件内使用。响应路由参数的变化当使用路由参数时,例如从/user/foo导航到/user/bar,原来的组
陈老板_
·
2023-10-26 07:24
Vue3学习之--
vue-router
入门教程和总结
VueRouter是Vue.js的官方路由器。它与Vue.js核心深度集成,使用Vue.js构建单页应用程序变得轻而易举文章目录前言一、安装和创建router文件二、文件配置1.main文件配置2.router文件配置3.vue文件创建4.vue.config.js文件配置5.App.vue文件配置三、启动访问1.直接访问域名无路由2.直接访问index路由3.直接访问login路由我的小程序二维
荔枝学习
·
2023-10-26 07:34
vue
vue.js
学习
vue
vue(vue-router&&vuex)全家桶源码实现(1)
vue-router
安装vue-routervueaddrouter项目目录image.png核心步骤1.vue使用VueRouter,创建路由表krouter/indexVue.use(KVueRouter
微_______凉
·
2023-10-26 03:45
React面试题总结
1.vue-router和react-router的区别首先,我们先看一下在
vue-router
和react-router中的用法本质Vue-Routerhash:使用URLhash值来作路由。
鸽屿_
·
2023-10-26 01:44
vue进入页面执行的钩子函数_
vue-router
钩子函数(路由拦截)
1、全局的钩子beforeEach(to,from,next)afterEach(to,from,next)2、组建内的导航钩子组件内的导航钩子主要有这三种:beforeRouteEnter、beforeRouteUpdate、beforeRouteLeave。他们是直接在路由组件内部直接进行定义的methods:{},beforeRouteLeave(to,from,next){}需要注意是:b
weixin_39847437
·
2023-10-26 00:30
vue进入页面执行的钩子函数
前端vue:路由的基本使用
地址与组件之间的对应关系工作方式:当用户点击页面上的路由链接导致了URL地址栏中的Hash值发生了变化前端路由就会监听到Hash地址的变化前端路由把当前Hash地址对应的组件渲染都浏览器中2.vue-router`
vue-router
泪滴在琴上
·
2023-10-25 23:01
vue白屏时间长多种处理方案
1.提取第三方库,三方依赖文件以及打包文件放进CDN服务器将vue,
vue-router
,vuex,axios,element-ui等依赖文件不进行引
Branlen
·
2023-10-25 22:08
笔记
性能优化
javascript
vue
vue 点击路由跳转(地址重复)报错以及路由跳转滚动条未回滚到顶部问题
step一,路由跳转时当点击同一个路由地址(也就是路由地址重复)时就会报错,,,或者刷新报错main.jsimportRouterfrom'
vue-router
'constrouterPush=Router.prototype
郝艳峰Vip
·
2023-10-25 16:11
vue3获取路由信息
import{useRouter}from"
vue-router
"//v3获取路由信息constrouter=useRouter()console.log(router.getRoutes())
苏小画
·
2023-10-25 14:36
javascript
前端
vue.js
Vue3使用Composition API的方式使用Vuex
版本"core-js":"^3.6.5","vue":"^3.0.0","
vue-router
":"^4.0.0-0","vuex":"^4.0.0-0"store/index.jsimport{createStore
xyphf_和派孔明
·
2023-10-25 14:23
vue.js入门
vue.js
javascript
前端
vue3.0配置
vue-router
第一步:安装集成安装包npminstallvue-router--save第二步:我们去package.json去看一下,如果
vue-router
是4.0.0以上的就是支持vue3的文档>>第三步:向应用中添加
xyphf_和派孔明
·
2023-10-25 14:22
vue.js入门
vue 路由守卫实现登陆校验拦截功能
beforeEnter表示在跳转到该页面之前拦截router.beforeEach表示不管什么路由切换时都会执行该方法import{createRouter,createWebHashHistory}from'
vue-router
'importHomefrom
xyphf_和派孔明
·
2023-10-25 14:42
vue.js入门
vue.js
路由拦截
权限管理
Vue 识别移动设备还是PC设备跳转相应的路由
1.先在router/index.js文件中配置好不同端口跳转的路由importVuefrom'vue'importVueRouterfrom'
vue-router
'//解决ElementUI导航栏中的
马卫斌 前端工程师
·
2023-10-25 13:54
Vue
vue.js
前端
Module not found: Error: Can‘t resolve ‘./router‘ in ‘E:wes\src‘
/router’in‘E:wes\src’方法一:这个错误提示是说找不到名为’
vue-router
’的模块,可能是因为没有安装或者安装不正确。
IT大哥哥
·
2023-10-25 08:16
javascript
vue.js
开发语言
前端发展史
Vue的核心库只关注视图层,方便与第三方库(如:
vue-router
:跳转,vue-resource:通信,vuex:管理)或既有项目整合。
The_Beacon
·
2023-10-25 07:00
笔记
前端
angular
vue.js
Vue项目上线时需要注意的若干事项(2)
/'//具体路径根据项目中的实际路径而定}情况二:
vue-router
的mode:'history'配置会影响打包后的链接地址v
数组喜欢打对象
·
2023-10-25 07:48
vue.js
html
Vue history路由模式 刷新404
Vuehistory路由模式刷新404当我们使用Vue开发SPA(单页面应用)的时候,需要引入前端路由系统(
vue-router
)。
平凡的娃
·
2023-10-25 07:41
vue
vue
webpack
vue-router
使用history模式配置说明
vue-router
默认hash模式——使用URL的hash来模拟一个完整的URL,于是当URL改变时,页面不会重新加载。
Hanpeng Chen
·
2023-10-25 07:39
前端
vue.js
javascript
前端
vue3中的route和router
作为替代,我们使用useRouter和useRoute函数,或者Vue3中提供了一个getCurrentInstance方法来获取当前Vue实例import{useRouter,useRoute}from'
vue-router
'constroute
是三好
·
2023-10-25 06:40
#
VUE3
vue3
vue-router
踩坑
配置了路由,假设是下面这样的:{path:'/',redirect:'/login1'},{path:'/login1',component:Login1,},{path:'/login2',component:Login2,}现在访问localhost:8080,都知道会跳转到Login1这个组件的页面对吧,此时url为localhost:8080/#/login接着我要访问Login2组件页面
f1a94e9a1ea7
·
2023-10-25 06:48
第4讲 详解如何在项目里配置路由(2)
上篇文章,我讲了路由里面的,动态路由匹配,编程式导航,嵌套路由匹配,命名路由,命名视图,重定向这几个知识点,但是官网
vue-router
上,不仅仅是这些内容,我提到的这些知识点是针对于真实的项目开发中用到进行讲解
喔喔牛在路上
·
2023-10-24 21:47
Vue 路由跳转的时候没有反应
Vue路由跳转的时候没有反应引入路由是否正确引入的组件是否正确是否使用路由的……详细看下图importVuefrom'vue'importRouterfrom'
vue-router
'importMainfrom
handsome_sai
·
2023-10-24 15:18
日常小记录
vue
vue生命周期钩子函数actived没有执行
为什么背景技术选型:vue+vue-router+vuex第一步:路由配置文件设置keepAlive=true//index.jsimportVuefrom'vue'importRouterfrom'
vue-router
'Vue.use
jinya2437
·
2023-10-24 12:08
怎么定义
vue-router
的动态路由?怎么获取传过来的动态参数?
--可以通过query,param两种方式区别:query通过url传参,刷新页面还在params刷新页面不在了params的类型:配置路由格式:/router/:id传递的方式:在path后面跟上对应的值传递后形成的路径:/router/123//在APP.vue中用户//在index.js{path:'/user/:userid',component:User,},跳转方法://方法1:按钮/
YqLty.˗ˏˋ♡ˎˊ˗
·
2023-10-24 11:23
vue.js
javascript
前端
前端框架
es6
vue
day5 vue 笔记 axios 动态组件 插槽 自定义指令 ESLints
笔记过滤器侦听器计算属性axiosday3vue2学习笔记vue组件day4vue学习笔记组件生命周期数据共享数组常用方法day5vue笔记axios动态组件插槽自定义指令ESLintsday6vue学习笔记
vue-router
满篇翔
·
2023-10-24 07:33
vue.js
day1学习vue2笔记 vue指令
笔记过滤器侦听器计算属性axiosday3vue2学习笔记vue组件day4vue学习笔记组件生命周期数据共享数组常用方法day5vue笔记axios动态组件插槽自定义指令ESLintsday6vue学习笔记
vue-router
满篇翔
·
2023-10-24 07:03
vue.js
学习
前端
【Vue3+TS项目】硅谷甄选day04--顶部组件搭建+面包屑+路由鉴权
折叠之后图标不见:icon放在插槽外面----element的menu属性:collapseproject\src\layout\index.vue//获取路由对象import{useRoute}from'
vue-router
鱼仔是个NaN
·
2023-10-24 07:55
vue.js
javascript
java
vue3实现详情页返回列表页,返回原来列表页滚动条所在的位置
缓存页面组合式API第一步第二步第三步第四步第一步首先在路由文件的meta里面定义meta:{keepAlive:false,},第二步在app.vue根文件下定义代码import{useRoute}from"
vue-router
"constroute
Jet_closer
·
2023-10-24 06:25
vue.js
javascript
前端
经验分享
nodejs+vue+Elementui大学生社团管理系统express项目源码介绍
本项目Nodejs+express+vue+Elementui+mysql系统,采用vscode软件开发,基于web的B/S架构设计完成,使用
Vue-Router
和Vuex实现动态路由和全局状态管理,Ajax
qq_840612233
·
2023-10-24 05:12
vue.js
前端
javascript
vue2.0 路由
vue2.0路由首先先搭建一个vue-cli项目搭建vue命令项目搭建后的项目目录项目目录下载路由模块依赖并引入下载依赖下载
vue-router
在main.js引入依赖并注册引入
vue-router
创建两个新的组件并在
杀个程序猿祭天
·
2023-10-23 23:00
vue-router
在3.0版本以上element ui导航栏重复点击报错的问题
VueRouter.prototype.pushVueRouter.prototype.push=functionpush(location){returnoriginalPush.call(this,location).catch(err=>err)}第二种方法:将
vue-router
雨落倾城夏微凉_e861
·
2023-10-23 07:17
vue-router
基础知识
npminstallvue-router--save-dev(如果在用vue-cli构建项目的时候已经使用安装略过)引用routerimportVuefrom'vue'//引入VueimportRouterfrom'
vue-router
RayGor
·
2023-10-23 06:33
<router-view :key=“key“/>中key的作用
router-view中key作用,你可以router-view当做是一个容器,它渲染的组件是你使用
vue-router
指定的。
工程狮子
·
2023-10-22 16:21
vue-router
(
vue-router
功能,跳转方式,路由守卫,路由懒加载,使用流程,3.x和4.x使用区别)
1.vue-router实现的功能VueRouter是Vue.js(opensnewwindow)官方的路由管理器。它和Vue.js的核心深度集成,让构建单页面应用变得易如反掌。包含的功能有:-嵌套路由映射-模块化的、基于组件的路由配置-路由参数、查询、通配符-基于Vue.js过渡系统的视图过渡效果-细致的导航控制-带有自动激活的CSSclass的链接-HTML5历史模式或hash模式,在IE9中
_Jyann_
·
2023-10-22 14:29
Vue框架与实战
Vue
vue-router
vue路由跳转方式
路由守卫
Vue中路由跳转时出现路由重复跳转的问题解决方案
第一种方案出现这种问题是由于安装的
vue-router
版本太新的问题。所以第一种方案简单直接,直接在命令行中重新安装旧版本的
vue-router
。
苹果砸醒了逃课的牛顿
·
2023-10-22 13:36
vue
Vue3 全家桶(vue3 + typescript + vite + pinia +
vue-router
+ axios + vue-i18n)项目搭建
文件结构生成一个vue项目初始化//使用npmnpminitvite@latestvue3-ts-frontend--templatevue-ts//使用yarnyarncreatevitevue3-ts-frontend--templatevue-ts添加依赖npminstallant-design-vue-Snpminstallvue-router-Snpminstallvue-i18n-Sn
RosaChampagne
·
2023-10-22 10:57
前端
typescript
vue.js
javascript
vite+vue3+elementPlus+less+router+pinia+axios
1.创建项目2.按需引入elementplus3.引入less安装
vue-router
安装axios安装piniapinia的持久化配置(用于把数据放在localStorage中)---另外增加的配置1
豆逗逗
·
2023-10-22 10:56
vue3
less
vue3
pinia
elementplus
Vue-07
传值1.父给子传值属性props:["属性"]2.子给父传值事件$emit3.非父子用第三方量(相当于中间值)路由:创建单页面应用通过不同的url访问不同的页面
vue-router
第三方工具库它的基本作用就是将每个路径映射到相应的组件
三岁就很酷耶
·
2023-10-22 01:29
vue笔记
/components/app.vue"//app.vueimportRouterfrom'
vue-router
'//路由importrouterfrom'../config/r
一个健康马
·
2023-10-22 00:50
上一页
10
11
12
13
14
15
16
17
下一页
按字母分类:
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
其他