Vue-Router

Vue3配置使用vue-router路由

随着Vue版本的升级，Vue2.x项目和Vue3.x项目在使用vue-router上有些区别，本文就简单介绍下vue-router在Vue3中的配置和使用。
天問_·2023-12-20 07:44

Vue3 Element Plus自定义年份区间选择组件

plugin-alias":"^3.1.9","@types/node":"^17.0.43","element-plus":"^2.2.15","three":"^0.148.0","vue":"^3.2.25","vue-router
Nithumahel·2023-12-20 06:57

vue-router

vue-routerFAQ1Vue-Router基本介绍1.1基本介绍VueRouter：Vue.js的官方路由管理器VueRouter+Vue.js构建单页面应用路由出口，路由匹配到的组件将渲染在这里vue-router
冷小姐_716d·2023-12-20 05:31

vue-router的钩子函数

模块一：全局钩子---一般用来判断权限，以及页面丢失时需要执行的操作（1）router.beforeEach（全局前置守卫）（beforeeach）意思是在每次每一个路由改变的时候都得执行一遍它的参数：to:Router:即将进入的目标路由对象from：Router:当前导航正要离开的路由next:Function:一定要调用该方法来resolve这个钩子进行管道中的下一个钩子（2）router.
韩girl·2023-12-20 03:50

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

文章目录1、Vue3嵌套路由2、项目结构3、编写相关页面代码3.1、编写route文件下index.ts文件3.2、main.ts文件代码：3.3、App.vue文件代码：3.4、views文件夹下的Home文件夹下的index.vue文件代码：3.5、views文件夹下的Home文件夹下的Tigerhhzzb.vue文件代码：3.6、views文件夹下的Home文件夹下的T.vue文件代码：3.
hhzz·2023-12-19 18:10

vue-router 引入子页面组件自动化

在构建路由的时候，经常会为越来越多的页面引入而感到麻烦，出现如下图的情况，每次新增一个子页面，都需要引入一次，非常繁琐。routes.js在看Vue官方文档时，有看到自动化注册全局组件的方法于是我就在想能不能像注册组件一样，用一个文件把所有的子页面给暴露出来呢？我查了很久，看了很多vue项目案例的源代码，发现大家好像都是一条一条引入的，子页面越多，import语句就越多。根据组件的自动化注册代码，
蒹葭乄白露·2023-12-19 11:28

vue-router的两种模式的区别

,用javascript动态的变化html的内容优点:良好的交互体验,用户不需要刷新页面,页面显示流畅,良好的前后端工作分离模式,减轻服务器压力,缺点:不利于SEO,初次加载耗时比较多1.hash模式vue-router
TurnHug·2023-12-19 10:28

从无到有搭建Vue.js+webpack前端开发环境（五）

上一篇我们简单的介绍了一下vue-router的下载和引入，并且将router.js文件稍微做了修改。这篇文章介绍了vuex库，并将其引入工程。第五阶段：引入vuex库什么是vuex？
littlebutt·2023-12-18 08:57

手写VUE后台管理系统8 - 配置404NotFound路由

import{RouteRecordRaw}from"vue-router"constroutes:RouteRecordRaw[]=[{name:"Home",path:'/'
死牛胖子·2023-12-18 03:06

vue3滑动拼图

下载模块包：npminstallvue3-puzzle-vcode--save使用此代码前先安装，element-plus，vue-router，less等模块登录功能部分//自定义背景图，自己准备一张图片
@tg6666666666666·2023-12-18 02:32

vue3路由跳转及传参

1.创建项目及路由1.1创建文件时记得勾选上vue-router，没有勾选也没有关系//vue3安装命令npmcreatevue@latest//以下选项可根据自己所需，进行选择，不懂就翻译✔Projectname
@tg6666666666666·2023-12-18 02:32

vue3组件的基本结构

账号密码验证码用户角色:登录作者:甘世涛版权所有违者必究前端框架:vue后端框架springbootimport{useRouter}from"vue-router";import{useStore}from"vuex
超维Ai编程·2023-12-17 17:33

【Vue第6-7章】vue-router与Vue UI组件库_Vue2

目录第6章vue-router6.1相关理解6.1.1vue-router的理解6.1.2对SPA应用的理解6.1.3路由的理解6.2基本路由6.2.1效果6.2.2总结：编写使用路由的3步6.2.3笔记与代码6.2.3.1笔记6.2.3.230_src_路由的基本使用6.3嵌套（多级）路由6.3.1笔记与代码6.3.1.1笔记6.3.1.231_src_多级路由6.4路由传参6.4.1笔记与代码
开五档的蒙奇·2023-12-17 16:02

uniAPP里面有router吗

然而，由于uni-app的跨平台特性，它使用的不是vue-router的语法。在uni-app中，路由的用法是使用uni.navigateTo方法，例如：uni.navigateTo({url:
zz_ll9023·2023-12-17 08:13

vue实现点击链接，网页标题显示自定义内容

想要实现的效果router文件夹下的index.js的写法：importVuefrom'vue'importRouterfrom'vue-router'//importHelloWorldfrom'@/
慢慢来的小邵·2023-12-17 07:40

初学vue3与ts：vue3选项式api获取当前路由地址

$route.pathvue3选项式api获取方法import{useRouter}from'vue-router';constrouter=useRouter();console.log(router
空&白·2023-12-16 20:50

day04-vuejs-路由(vue-router)

什么是路由:后端路由：对于普通的网站，所有的超链接都是URL地址，所有的URL地址都对应服务器上对应的资源；前端路由：对于单页面应用程序来说，主要通过URL中的hash(#号)来实现不同页面之间的切换，同时，hash有一个特点：HTTP请求中不会包含hash相关的内容；所以，单页面程序中的页面跳转主要用hash实现；在单页面应用程序中，这种通过hash改变来切换页面的方式，称作前端路由（区别于后端
姑苏_慕容博·2023-12-16 13:55

vue.js单页面 如何遇到404页面如何正确返回状态码404

客户端配置（Vue.js）在客户端，你可以在Vue路由器（vue-router）中设置一个捕获所有未定义路由的规则，显示一个404组件，但请注意这不会改变HTTP状态码。
光芒软件工匠·2023-12-16 12:04

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

vue-router会根据url做路由匹
程序员大澈·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
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他