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路由配置
importVuefrom'vue'importRouterfrom'
vue-router
'Vue.use(Router)/***Note:路由配置项**hidden:true//当设置true的时候该路由不会再侧边栏出现如
一木难求
·
2023-11-11 22:39
Vue前端开发
vue脚手架(vue-cli),vue2,vue3,ref引用,路由和路由插件(
vue-router
),路由导航守卫,插槽
一.单页面应用程序SPA是单页面应用程序如何快速创建vue的SPA项目vue官方提供了两种快速创建工程化的SPA项目的方式:1.基于vite创建SPA项目2.基于vue-cli创建SPA项目vitevue-cli支持的vue版本仅支持vue3.x支持3.x和2.x是否支持webpack否是运行速度快较慢功能完整度小而巧大而全是否建议在企业级开发中使用目前不建议建议在企业级开发中使用1.基于vite
xiongxinyu10
·
2023-11-11 21:16
vue.js
前端
javascript
三年经验前端vue面试记录
router-link和router-view是如何起作用的分析
vue-router
中两个重要组件router-link和router-view,分别起到导航作用和内容渲染作用,但是回答如何生效还真有一定难度回答范例
bb_xiaxia1998
·
2023-11-11 21:45
vue.js
vue个人学习总结——
vue-router
与vuex
vue-routervuexvue-routervuexvue-router一般作用于vue单页面应用,通过url与组件配合进行一般与vue-cli配合,模块化分层构建应用html默认会被渲染成一个``标签-->GotoFoojsmain.js根组件中引入路由//引入组件路由实例配置importrouterfrom'@/router';constapp=newVue({router,}).$mou
噎
·
2023-11-11 17:24
vue
vue-router
vue
web
js
vue3 自动导入composition-apiI和组件
1.api的自动导入常规写法:import{ref,reactive,onMounted,computed,watch}from'vue';import{useRouter}from"
vue-router
m0_63701303
·
2023-11-11 13:21
javascript
前端
vue.js
vue.config.js 打包配置大全
1.使用cdn引入不改变的第三方库constcdn={//忽略打包的第三方库externals:{vue:'Vue',vuex:'Vuex','
vue-router
':'VueRouter',axios
王亦宁
·
2023-11-11 04:21
vue.js
基于Bootstrap模板创建门户网站vue项目02
门户网站VUE项目(一)门户网站VUE项目(二)门户网站VUE项目(三)文章目录插件安装与优化Blog模块目录结构:页面布局调整PortfolioDetail模块目录结构:页面布局调整解决路由问题思路:安装
vue-router
爱学习的甲壳虫
·
2023-11-11 04:50
笔记
vue.js
bootstrap
javascript
微前端—乾坤 初体验
①使用vue脚手架新建一个vue项目,重点是添加
vue-router
②安装乾坤依赖$yarnaddqiankun#或者npmiqiankun-S③在main.js中注册微应用并启动,完整代码为
白茶_White
·
2023-11-11 00:51
前端
vue.js
javascript
Vue真实技术面试题解析【兄弟组件、
vue-router
、增量部署】
兄弟组件的传值方式,有两种方式,把你尽可能知道的告诉我我的答案:使用父组件传值和状态管理传值使用事件总线(EventBus):创建一个空的Vue实例作为事件总线,在其中定义事件和对应的处理函数,然后在需要传值的组件中使用$emit触发事件,并在接收值的组件中使用$on监听事件来获取传递的值。这种方式适用于任意组件之间的通信,但是需要手动管理事件的注册和销毁,否则可能会造成内存泄漏³⁴。使用Vuex
修炼室
·
2023-11-10 21:27
经历/经验
vue.js
前端
javascript
面试
Vue3.0路由拦截
全局路由器拦截:官方叫导航守卫index.js路由器import{createRouter,createWebHistory}from"
vue-router
";//导入
vue-router
路由模块,createWebHashHistor
无盐海
·
2023-11-10 17:54
Vue
javascript
chrome
前端
vue-router
路由守卫进阶
vue-router
路由守卫进阶路由守卫,可以想象为古代御前侍卫,路由守卫,则是对路由进行权限控制分类:全局守卫、独享守卫、组件内守卫全局前置-路由守卫作用:主要用来鉴权用户点击导航区,随后引起路径的改变
诸葛亮的芭蕉扇
·
2023-11-10 01:49
vue.js
前端
javascript
Vue路由(router-link)——高亮、动态传参
2.解决方案
vue-router
提供了一个全局组件router-link(取代a标签)能跳转,配置to属性指定路径(必须)。
清梦压星河_Ciao
·
2023-11-09 11:34
#
vue
vue.js
前端
javascript
[
vue-router
]
vue-router
路由传参问题
[
vue-router
]
vue-router
路由传参问题需求描述代码环境
vue-router
路由传参实践问题需求描述该问题是在希望在代码实现路由跳转的时候,传递一些数据,而且传递数据较多,并存在一些敏感数据代码环境
三知之灵
·
2023-11-09 03:54
VueJs
vue.js
javascript
前端
[
vue-router
]vue3.x Hash路由前缀问题
[
vue-router
]vue3.xHash路由前缀问题问题描述问题分析问题描述是在本地开发时,使用的HASH路由,然后在偶然的情况下在/#/前添加了前缀,发现不影响本地的路由的使用???!!!
三知之灵
·
2023-11-09 03:18
前端模块开发
vue.js
哈希算法
前端
地址栏输入没权限的页面阻止跳转
vue-router
commin.jsgetPathList(menuList){if(!menuList?.length)return[];constpathList=menuList.flatMap(item=>{const{highestRoleMenuVos,path}=item;if(highestRoleMenuVos.length)returnhighestRoleMenuVos.map(menuIte
m0_52611940
·
2023-11-08 16:28
vue.js
javascript
前端
vue-router
跳转及参数获取整理
那么,我们可以在
vue-router
的路由路径中使用“动态路径参数”(dynamicsegment)来达到这个效果:constUse
很久很久以前的你
·
2023-11-08 00:50
vue
vue
Vue-router
路由的基本使用
Vue-router
是一个Vue的插件库,专门用于实现SPA应用,也就是整个应用是一个完整的页面,点击页面上的导航不会跳转和刷新页面。
柳穿鱼^
·
2023-11-07 13:04
Vue
vue.js
前端
javascript
Vue多级路由的实现
对Vue路由的配置不了解的看这篇文章:
Vue-router
路由的基本使用-CSDN博客一、配置children属性注意:子路径不能带'/'{path:"/父路径",component:父组件,children
柳穿鱼^
·
2023-11-07 13:33
Vue
vue.js
javascript
前端
vue项目中页面跳转传参的方法
跳转传参方法在Vue项目中,你可以使用路由(
vue-router
)来实现页面跳转并传递参数。
YqLty.˗ˏˋ♡ˎˊ˗
·
2023-11-07 08:18
vue.js
javascript
前端
Vue+ElementUI电商项目(一)
(登录,退出,用户管理,权限管理),商品管理(商品分类,分类参数,商品信息,订单),数据统计电商后台管理系统采用前后端分离的开发模式前端项目是基于Vue的SPA(单页应用程序)项目前端技术栈:Vue,
Vue-Router
沐小侠
·
2023-11-06 20:48
Vue.js
vue.js
elementui
前端
vue全家桶+Echarts+百度地图,搭建数据可视化系统(【续】接口篇)
1.2业务分析上一篇分析的步骤大致有:系统搭建vue-clivuex记录登录信息
vue-router
路由跳转3个维度的页面,提取出共用的组件各个组件开发调节样式,增加UI加入后台接口数据优化显示测试上线上一篇介绍了
xrkffgg
·
2023-11-06 15:57
vue多html页面路由配置,
vue-router
——路由配置
再通俗的说,
vue-router
就是我们WebApp的链接路不事时功来这制请例在屏随会和时实于幻近支前我能又些器求如浏蔽机和滚兼现的灯近支前
安检
·
2023-11-06 13:16
vue多html页面路由配置
Vue路由守卫(导航守卫)
文章目录全局守卫全局前置守卫全局解析守卫全局后置钩子路由独享的守卫组件内的守卫完整的导航解析流程正如其名,
vue-router
提供的导航守卫主要用来通过跳转或取消的方式守卫导航。
Panda-6
·
2023-11-06 13:12
vue
vue.js
javascript
前端
vue-router
动态路由实践
vue动态路由实践实现思路环境介绍实现过程路由数据(demo)vue动态路由(约定路由),听起来好像很玄乎的样子但是你要是理解了实现思路,你会发现,没有想象中的那么难在没有亲自实现功能前,永远不要低估自己的个人实力和潜力下面是本人一个刚从服务端开发转职前端开发的程序猿的实现过程实现思路思路其实很简单,也很明确:1、将路由分为静态路由(staticRouters)、动态路由2、静态路由初始化时正常加
Bennett_G
·
2023-11-06 13:11
vue
vue.js
vue-router
vuex
前端框架Vue(2)——
Vue-Router
路由跳转
1、最简单:html+js全在一个文件中动态路由匹配HelloApp!默认会渲染成一个a标签-->GOTOFOOGOTOBAR//1、定义组件constFoo={template:'foo'};constBar={template:'bar'};//2、定义路由//每一个路由映射一个组件constroutes=[{path:'/foo',component:Foo},{path:'/bar',co
JesusAllen30
·
2023-11-06 13:40
前端框架Vue系列
前端框架
Vue
初体验
Vue
vue-router
vue beforeRouterLeave和elementUI $confirm组合的问题
从而避免一些用户的误触导致的页面内容未保存而这次通过elementUI的$confirm添加提示的时候发现弹窗一闪而逝,闪了一下就不见了,但是路由还跳转了,页面还处在当前页面…网上找了一圈,终于找到一个解决办法吧地址:$confirm在
vue-router
明天又会在哪里
·
2023-11-06 12:23
elementui
vue.js
路由守卫
beforeLeave
踩坑继续之vue
vue-router
默认hash模式——使用URL的hash来模拟一个完整的URL,所以访问的时候自动在url上加了#/,,,真的气死我了,这个坑,找了我三个小时,之前一直不知道错在哪,很犹豫。
老街老街
·
2023-11-06 08:49
vue3 watch用法
1、监听路由变化import{ref,watch}from"vue"import{useRoute}from"
vue-router
"constroute=useRoute()constshowPage=
余温无痕
·
2023-11-06 01:11
vue3
vue3
watch
vue 与 react,angular 优缺点对比
vueAPI设计上简单,语法简单,学习成本低构建方面不包含路由和ajax功能,使用vuex,
vue-router
指令(dom)和组件(视图,数据,逻辑)处理清晰性能好,容易优化基于依赖追踪的观察系统,并且异步队列更新独立触发
JamHsiao_aaa4
·
2023-11-05 21:33
路由跳转的两种方式及动态创建路由
跳转路由的方式,有两种1.声明导航1)跳转router-link是
vue-router
提供的一个全局组件router-link实质上最终会渲染成一个a标签,to属性等价于href属性(to不需要)router-link
桃雾..
·
2023-11-05 11:25
前端
vue.js
javascript
vue-router
安装报错
遇到的问题在安装
vue-router
时发现如下报错:npmERR!codeERESOLVEnpmERR!ERESOLVEunabletoresolvedependencytreenpmERR!
qinqinzqq
·
2023-11-05 09:38
vue
vue.js
npm
前端
const originalPush = VueRouter.prototype.push // 重写了原型上的push方法,统一的处理了错误信息 VueRouter.prototype.pus...
原因分析在
vue-router
在3.1.0版本之后,push和replace方法会返回一个promise对象,如果跳转到相同的路由,就报promiseuncaught异常可以参考:vue-routerreleases
呼呼chen
·
2023-11-05 09:07
vue3路由跳转params传参接收不到?
一、之前的用法import{useRouter}from"
vue-router
";constrouter=useRouter();//提现记录constwithdrawalClick=(item)=>{
wyy爱学习
·
2023-11-05 07:15
vue3
vue.js
javascript
前端
Vue前端路由~满满的干货
文章目录目标目录路由的基本概念与原理路由后端路由SPA(SinglePageApplication)前端路由实现简易前端路由VueRoutervue-router的基本使用基本使用步骤路由重定向
vue-router
weixin_46370867
·
2023-11-04 19:17
Vue
Vue-element-admin用户鉴权管理(路由+按钮级别)
定义router.js引入官方layout组件创建权限要求基页创建权限要求界面注册路由写一些公用路由方法importVuefrom'vue'importRouterfrom'
vue-router
'Vue.use
火腿肠烧烤大赛冠军
·
2023-11-04 07:07
小白前端开发笔记
javascript
vue.js
Vue-router
源码-各原理简单总结
1,初始化初始化之前,首先要通过importVueRouter导入,说明VueRouter也是一个对象。通过源码看到,在newVue()的时候,将实例化的router对象传入,然后与vuex同样的原理,利用data实现响应式,在Vue.use调用router对象的install方法时初始化,注册插件,将插件存入installedPlugins中保证不会重复注册,挂载到全局,同样也是借助before
wjs0406
·
2023-11-04 04:07
笔记-vue
vue.js
javascript
前端
vue-router
解决动态addRoute 后 router.back 失效
登陆前的固定路由letrouter=newRouter({routes:fixedRouter,base:process.env.BASE_URL});登陆后的动态路由function$addRoutes(arr){router.matcher=newRouter({routes:fixedRouter,base:process.env.BASE_URL}).matcher;for(leti=0;
时间_7436
·
2023-11-04 02:08
Vue全家桶
构建工具vue-cli,路由
vue-router
,状态管理vuex,http请求工具vue-resource,再加合适的UI组件库,就可以实现一个完整的前端工程项目。
CC前端手记
·
2023-11-04 00:19
vue给嵌入的网页传参_Vue页面跳转传递参数及接收方式
典型应用场景:列表页跳转到详情页一、配置路由文件路径:src/router/config.phpimportVuefrom'vue'importRouterfrom'
vue-router
'importclassifyfrom
黄心检
·
2023-11-03 14:33
vue给嵌入的网页传参
Vue知识框架
Vuejs知识量化一、邂逅/uejs二、Vue基础语法三、组件化开发四、VueCL洋解五、
vue-router
六、Vuex详解七、网络封装八、项目实战内容概述.pngimage.pngVue(读音/vjuː
醉少_1
·
2023-11-03 09:39
前端面试题九@杨志刚
换句话说,
vue-router
就是WebApp的链接路径管理系统。
抱以恶意
·
2023-11-03 04:54
Vue3实现好看的登录页面
效果地址http://123.249.113.0:8088/#/代码:考勤管理信息系统import{onMounted,ref}from"vue";import{useRouter}from"
vue-router
万物得其道者成
·
2023-11-02 23:32
数学建模
html5
css3
Vite 搭建 Vue2 项目(Vue2 +
vue-router
+ vuex)
Vite先让我说几句废话。在写本文时Vite没有提供Vue2的创建方式。相信有些开发者还没开始学Vue3,但又想尝尝Vite。那可以参考本文的进食方式。如果心急的话,“0、简介”可以跳过。0、简介在写本文时,Vite默认不提供Vue2项目的创建方式。使用Vite创建出来的Vue项目,暂时都是Vue3的。Vite是构建工具的高阶封装。它的内部其实是Rollup。Vite是尤雨溪随着Vue3正式版一起
德育处主任
·
2023-11-02 15:46
vue-router
使用vue.js,我们可以通过组合组件来组成应用程序,当你要把
vue-router
添加进来,我们需要做的是将组件components映射到路由routes,然后告诉
vue-router
在哪里渲染它们导航守卫全局守卫
悠哈121
·
2023-11-02 14:18
Vue 学习笔记1——前端发展史
Vue的核心库只关注视图层(HTML+CSS+JS),不仅易于上手,还便于与第三方库(如:
vue-router
:跳转,vue-resource:通信,vuex:管理)或既有项目整合。
扎克风暴
·
2023-11-02 08:41
Vue
window.open父子页面自定义事件通信
我们在vue项目中,使用
vue-router
跳转的时候,在某些需求中可以使用router.resolve({path:'/test'}),返回一个返回一个路由地址的规范化版本,其中包含href属性,那我们就可以使用
会说法语的猪
·
2023-11-02 08:41
vue3
前端
javascript
前端
javascript
vue.js
Element + Vue 实现表格本地分页(涉及标签 'el-pagination' 和 Vue的 mixins混入属性)
一、版本说明"element-ui":"^2.5.4","vue":"^2.5.2","
vue-router
":"^3.0.7"二、封装mixins需要的文件,即分页中需要的属性和方法2.1、src目录下
窩窩頭
·
2023-11-02 07:28
前端
Element-ui
Vue
本地分页
Vue-Router
实现前端页面缓存
一、使用情景在使用Vue开发单页面应用时,我们通常会使用
Vue-Router
进行页面导航,
Vue-Router
在进行路由切换的时候,页面是会重新加载,对应的生命周期函数也会再次执行一遍,但是在有些业务场景下
桃花谷主V
·
2023-11-02 03:56
vue-router
自学笔记
router,在实例中引入newVue({el:'#app',router,render:h=>h(App)})router中配置导入importVuefrom'vue'importRouterfrom'
vue-router
weixin_42642756
·
2023-11-02 02:31
前端
vue
vue-router
vue-router
路由基本加载
安装在目标文件夹中npminstall--savevue-router引用在main.js中importrouterfrom'
vue-router
'Vue.use(router)3.配置路由文件,并在vue
gzy_a5a4
·
2023-11-02 01:03
上一页
8
9
10
11
12
13
14
15
下一页
按字母分类:
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
其他