Vue-Router 第9页

Vue2面试题：说一下路由模式hash和history的区别？

程序员大澈·2023-12-16 02:28

Vue-router嵌套路由(子路由)

我的收藏）和Trace.vue（我的足迹）重构router/index.js的路由配置需要使用children数组来定义子路由具体如下：importVuefrom'vue'importRouterfrom'vue-router'importHomefrom

樱井咲夜·2023-12-15 23:30

Vetur和Volar

下面是它们之间的主要区别：1.功能和兼容性：Vetur是一个成熟且广泛使用的Vue.js开发插件，它提供了语法高亮、代码提示、自动完成等功能，并且与其他Vue.js生态系统工具（如vue-router和

每天吃饭的羊·2023-12-15 19:52

Vue3+ts实现页面跳转及参数传递

##列表页import{reactive,toRefs}from'vue'//1引入useRouter路由信息方法import{useRouter}from'vue-router'//2获取实例constrouter

aa啊呀·2023-12-15 19:46

Web前端 ---- 【Vue】Vue路由传参（query和params）

目录前言为什么用路由路由route和路由器routerVue中路由的工作原理安装配置vue-router使用VueRouter多级路由路由传参query传参params传参前言本文介绍路由相关知识路由传参为什么用路由为了单页面应用开发

软工不秃头·2023-12-15 16:14

2021-05-24关于Vue-router、嵌套路由：子路由渲染模板样式丢失BUG

要做嵌套路由，照着视频和官方文档做，子路由是成功跳转了，组件渲染也渲染到了（只看到template，也就是只有html骨架），但是所有ace模板的所有样式都没了；二、问题解决：不断换关键词查找，当我看到Vue-router

教员的忠实读者·2023-12-15 13:07

Element-ui框架完成vue2项目的vuex的增删改查

npminstallelement-ui--save好了现在可以粘贴代码//main.jsimportVuefrom'vue'importVuexfrom'vuex'importVueRouterfrom'vue-router'impor

文公子WGZ·2023-12-15 12:43

Vue之Vuex的商品列表项目（router/store）

展示的数据必须保存到Vuex，页面跳转使用Vue-router来实现要求：（1）商品列表默认是空，点击“添加商品”按钮后会从事先定义好的商品数组里随机添加一些商品信息，每个商品可生成一个id，代表商品唯一

文公子WGZ·2023-12-15 12:42

vite与webpack的一些技巧

虽然不提倡做法，但效率确实提高很多import*asvuefrom'vue'import*asrouterfrom'vue-router'import*ass

坚持学习前端日记·2023-12-15 09:36

day40-43-Vue2.js-路由VueRouter-Vuex状态管理-Axios异步

Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库（如：vue-router，vue-resource，vuex）或既有项目整合。渐进式:明式渲染->组件系统->客户端路由->集中式

沐沐霸·2023-12-15 04:30

Vue3优化之实现懒加载和子组件异步加载

原来路由的写法：importVuefrom'vue';importVueRouterfrom'vue-router';importHome

stu_kk·2023-12-15 03:46

vue路由守卫、token过期处理、登陆后跳转到原页面

配置路由守卫在route.js中进行配置importVuefrom'vue'importRouterfrom'vue-router'importsystemfrom'.

浮游本尊·2023-12-15 03:21

vue能控制未登陆的请求不能访问url_vue实现未登录跳转到登录页面

环境：vue2.9.3;webpack;vue-router目的：实现未登录跳转例子：直接在url地址栏输入.....

离乱説·2023-12-15 03:51

php未登录跳到登陆页面,vue实现未登录跳转到登录页面的方法

环境：vue2.9.3;webpack;vue-router目的：实现未登录跳转例子：直接在url地址栏输入.....

AMD中国·2023-12-15 03:20

简说vue-router原理

vue-router原理hash模式实现原理改变描点监听描点变化history模式实现原理改变url监听url变化abstracthash和history模式有什么区别？

前端布道人·2023-12-15 02:04

2019-05-10

vue组件按需引用，vue-router懒加载，vue打包优化，加载动画当打包构建应用时，Javascript包会变得非常大，影响页面加载。

who_are_you_·2023-12-15 00:48

vue-router导航守卫之实战篇

1.导航守卫是什么官方这么说：正如其名，*vue-router*提供的导航守卫主要用来通过跳转或取消的方式守卫导航。好吧，看不懂，就好（当）好（废）理（话）解（吧）下。

硅谷干货·2023-12-15 00:13

vue-admin-element项目分析与难题解决

layout目录移植过来将styles中的scss移植过来将项目中的store移植过来src目录中的setting和permission这个路由权限移植过来这个是main.js我是使用sdn引入vue和vue-router

kilito_01·2023-12-15 00:20

Vue笔记（五）路由进阶

导航守卫vue-router提供导航守卫主要通过跳转或**取消*的方式守卫导航。有很多方式植入路由导航中：全局的、单个路由独享的，或者组件级的。全局前置守卫：beforeEach。

NameExist·2023-12-14 15:11

Cannot read properties of undefined (reading ‘install‘)

虚晃一枪—>原因主要就是我们在下载vue-router的时候默认下载的是最新版的（以4开头）,但是这个版本它是给vue3准备的，所以我们要卸载router，然后限制他的版本。

Mark刘·2023-12-06 21:57

前后端分离vue+springboot家庭理财账单财务管理系统

技术栈：后端：SpringBoot，Sa-Token，MyBatis-Plus，MyBatisGenerator，MySQL，Nginx，Spark，Fastjson前端：Vue，Vue-router，

说书客啊·2023-12-06 15:12

Java毕业设计—vue+SpringBoot人事管理OA系统前后端分离

1，项目介绍本系统主要分四个模块，分别是系统管理和权限管理、薪资管理、考勤管理2，技术框架前端Vue、Axios、ElementUI、Vue-Router、Vuex、ECharts后端SpringBoot

说书客啊·2023-12-06 14:38

vue3.0 layout 以及路由示例缓存tabs以及menu

layoutimport{RouterView}from'vue-router'importstorefrom'@/store'importSidebarfrom'@/layout/components

qq_34114535·2023-12-06 14:25

vue权限--后端控制路由

权限–后端控制路由1、配置基础路由#router/router.jsimportVuefrom'vue'importRouterfrom'vue-router'Vue.use(Router)exportconstStaticRouterMap

hibiscusxin·2023-12-06 13:28

vue3 vue-router 导航守卫（五）

在Vue3中，导航守卫仍然是一个重要的概念，用于在路由切换时执行一些特定的逻辑。VueRouter提供了多个导航守卫，包括全局守卫、路由独享守卫和组件内守卫。可以在路由切换时执行一些特定的逻辑，例如身份验证、权限控制、数据加载等帮助你更好地控制整个应用程序的导航流程。文章目录一、全局前置守卫二、路由独享守卫三、全局后置守卫四、组件内守卫五、案例一、全局前置守卫全局前置守卫会在路由切换之前被调用，并

小钱999·2023-12-06 11:23

使用 Vue.js 和 Flask 来构建一个单页的App

如果我需要建立一个单页应用程序（应用程序使用单页组成，vue-router在HTML5的His

weixin_34380781·2023-12-06 10:39

【Vue】将官方路由管理器 vue-router 库引入 Vue 项目的三种方法

前言VueRouter是Vue.js的官方路由管理器。它可以帮助我们在Vue应用中实现页面之间的跳转和导航，并且提供了一些高级功能，如路由参数、路由嵌套、路由守卫等。VueRouter的主要作用是将不同的组件映射到不同的URL，并根据URL的变化来更新视图。它基于Vue的组件系统，可以让我们使用组件来定义不同的页面，并通过URL来访问和导航这些页面。使用VueRouter，我们可以通过编程式导航或

HEX9CF·2023-12-06 05:46

【Vue】安装 vue-router 库报错 npm ERR! ERESOLVE unable to resolve dependency tree

问题描述运行npminstallvue-router，安装vue-router库，npm报错。npmERR!codeERESOLVEnpmERR!

HEX9CF·2023-12-06 05:40

vue3使用vue-router路由（路由懒加载、路由传参）

vue-router是vue的一个插件库1.专门用来实现一个SPA单页面应用2.基于vue的项目基本都会用到此库SPA的理解1)单页Web应用（singlepagewebapplication，SPA）

俊哥前端工程师·2023-12-05 16:13

vue3使用vue-router嵌套路由(多级路由)

Vue3嵌套路由的使用和Vue2相差不大，主要的区别是Vue3的路由实例化使用了createApp()方法，所以实例化路由时需要传入根组件。另外，Vue3的路由对象除了包含Vue2中的导航守卫、导航钩子和解析守卫等功能外，还新增了metaprop和routeprop。在使用嵌套路由时，建议将路由按照功能模块进行分层，每一层代表一个主要的功能块，每个层级下的路由数量不要过多，一般建议不要超过10个，

俊哥前端工程师·2023-12-05 16:13

面试遇到的一些问题（二）

1、v-ifv-show区别，他们的生命周期区别2、map()和forEach()区别3、vuex有什么办法可以永久存储4、vuex相关5、vue2和vue3声明周期的区别6、vue-router原理7

小蘑菇0629·2023-12-05 09:02

vue3 vue-router过渡动效 & 滚动行为（四）

文章目录一、过渡动效1.1安装animate.css1.2利用元信息存储过渡名称1.3在组件中使用二、滚动行为2.1始终滚动到顶部2.2相对于某个元素的偏移量2.3保持之前的滚动位置一、过渡动效1.1安装animate.cssnpminstallanimate.css--save1.2利用元信息存储过渡名称{path:"/home",name:"home",alias:"/index",compo

小钱999·2023-12-05 09:29

vue3 vue-router的安装及配置 (一)

文章目录一、安装二、VueRouter配置2.1vue-router两种引入方式的区别2.2不同的历史模式三、router-link四、router-viewVueRouter作用：在应用程序中实现优雅的导航和路由管理。一、安装注意：vue3安装的是vue-router@4,vue2安装的是vue-router@3,这里我们讲解的是vue3，所以应当安装其4版本。npminstallvue-rou

小钱999·2023-12-05 09:59

vue3 vue-router 404 重定向别名嵌套路由命名视图元信息（三）

文章目录一、404Notfound路由二、重定向三、别名四、嵌套路由五、命名视图六、路由元信息一、404Notfound路由当用户输入任何未知的路径时，VueRouter都将显示我们定义的404页面。这种方式使得我们能够更好地控制用户访问未知路径时的行为，提供更友好和统一的用户体验//添加通配符路由{path:'/:catchAll(.*)',component:()=>import("@/vie

小钱999·2023-12-05 09:59

vue3 vue-router编程式导航（二）

文章目录一、跳转到指定路径1.query传参2.Params传参二、前进/后退三、替换当前页VueRouter提供了强大且灵活的编程式导航功能，能够通过代码来控制路由的切换和跳转。本篇博客将介绍如何在Vue3应用程序中使用VueRouter进行编程式导航。一、跳转到指定路径当你点击时，内部会调用这个方法，所以点击相当于调用router.push(...)声明式编程式router.push(...)

小钱999·2023-12-05 09:24

vue-router 原理

vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。那与传统的页面跳转有什么区别呢？

sanyer·2023-12-05 06:07

Vant组件NavBar和原生H5适配刘海屏，解决顶部不固定问题

都不随页面滑动项目依赖："dependencies":{"axios":"^0.27.2","core-js":"^3.6.5","vant":"^2.12.47","vue":"^2.6.11","vue-router

江渚清沨·2023-12-04 18:39

vue-router跳转滚动的问题(scrollBehavior)

1.最简单的方法：scrollBehaviorimportVuefrom'vue'importVueRouterfrom'vue-router'Vue.use(VueRouter)constHome={

Mr无愧于心·2023-12-04 17:52

vue2 全局路由守卫独享路由守卫组件内路由守卫共 5 个

路由守卫的参数介绍importVuefrom"vue";importVueRouterfrom"vue-router";importHomefrom"..

胡西风_foxww·2023-12-04 03:33

vue ——Vue-router

概念VueRouter是Vue.js的官方路由。它与Vue.js核心深度集成，让用Vue.js构建单页应用变得轻而易举。功能包括：嵌套路由映射动态路由选择模块化、基于组件的路由配置路由参数、查询、通配符展示由Vue.js的过渡系统提供的过渡效果细致的导航控制自动激活CSS类的链接HTML5history模式或hash模式可定制的滚动行为URL的正确编码安装方式使用CDN使用npm$npminsta

layman0528·2023-12-03 20:16

Vue3中后台动态路由 + 侧边栏渲染方案

之前的动态路由方案前端只存储基础的路由（登录、首页、404）根据不同的登录角色，返回其对应的可访问路由树从服务端获取路由树（JSON）并递归处理成vue-router可使用的数据结构，并通过addRouters

✎﹏ℳ๓₯㎕·2023-12-03 19:23

【vue-router】useRoute 和 useRouter 的区别

作者主页：有来技术开源项目：youlai-mallvue3-element-adminyoulai-boot仓库主页：GiteeGithubGitCode欢迎点赞收藏⭐留言如有错误敬请纠正！目录引言官方文档useRoute函数useRouter函数useRoute和useRouter区别结语开源项目引言在Vue3.2中，VueRouter提供了一些新的API以更好地与CompositionAPI集

有来技术·2023-12-03 15:51

vue-router使用history模式后nginx相关配置

//todo:学完nginx，对其有更深了解后再来补充default.confroot/usr/share/nginx/html;#Vue路由模式为history需添加的配置location/{#if(!-e/index.html?s=$1last;#break;#}indexindex.html;try_files$uri$uri//xbootAdmin/index.html;}vue.conf

296b871d5cd0·2023-12-03 12:52

在Vue项目中使用npm安装bootstrap以及jquery

jquery安装1、在package.json中添加一行代码：“jquery”:“^2.2.3”"dependencies":{"element-ui":"^2.0.5","vue":"^2.5.2","vue-router

虔诚带着决然·2023-12-03 12:22

Vue3 第三章路由使用

使用简介如下图vue中引入2、安装vue-routernpminstallvure-route@43、新建路由js文件如下import{createRouter,createWebHistory}from"vue-router

bj_wasin·2023-12-03 12:50

vue路由传参的方法

vue-router路由传参例一：query传参//给需要操作的标签添加点击事件在methods(方法)里methods:{goto(id){this.

小程要谦虚·2023-12-03 03:24

Vue基础篇-路由机制

vue实现路由需引入vue-router，其使用的有两种模式，即：hash模式&history模式，下边来简单介绍一下。

Yin.云端·2023-12-02 09:33

vue使用vue-router路由控件

vue-router是官方路由控件，但官网竟然没有该路由的使用方法啊，只有单页面的简单示例，引用的是网页js模式，不是vue的引用模式啊。

andux·2023-12-02 06:31

Vue学习笔记-路由的基本使用

版本问题vue2要下载vue-router3vue3要下载vue-router4使用步骤安装vue-router，命令：npmivue-router@版本号在main.js中导入vue-router模块

theLuckyLong·2023-12-01 23:45

与Vue.js的第九天

今天学习了路由路由路由路由vue-router是vue的核心组件根据不同的url访问不同页面配合单页面使用vue-router使用必须安装匹配插件vue-router实例首页用户页//2.创建组件varHome

李泽裕·2023-12-01 16:00

推荐频道

Vue-Router