Vue-router

Vue3 路由跳转与参数获取

路由跳转import{useRouter}from"vue-router"exportdefault{setup(){constrouter=useRouter();//第一步conststate=reactive
叶子_o·2023-11-24 20:00

登陆页面模板

部分先来个效果图账户密码登录用户名密码验证码登录import{reactive,ref}from'vue'import{Login}from"@/api/index.js";import{useRouter}from"vue-router
『 时光荏苒 』·2023-11-24 19:12

Vue2.0 vue-router源码解析

目录vue-router的两种模式以及相关知识点vue-router的组成部分vue-router是如何根据路由变化进行渲染的vue-router全局钩子是如何实现的vue-router的两种模式以及相关知识点我们知道
心之所向，无力阻挡·2023-11-24 18:13

vuex 原理

实现原理：如果了解过vue-router的实现原理，就会发现，两者的实现几乎一样，就是通过全局混入一个对象，在该对象的beforeCreate声明周期函数中，对组件添加了一个属性$store，值就是使用
sanyer·2023-11-24 14:55

vue3 router，store，query，params获取

$routerimport{useRouter}from'vue-router'constrouter=useRouter()获取store，修改store，触发action等等，相当于vue2中的this
前端大灰狼·2023-11-24 11:28

简单vue项目脚手架（vue+webpack2.0+vuex+vue-router）

github地址(内含简单例子)使用技术栈webpack(^2.6.1)webpack-dev-server(^2.4.5)vue(^2.3.3)vuex(^2.3.1)vue-router(^2.5.3
weixin_30689307·2023-11-24 09:03

若依框架：前端登录组件与图像验证码

在上一篇《若依框架：前端项目结构与初始页面渲染流程》中，我们探讨了与“vue.config.js文件配置、.env模式和环境变量配置、vue-router全局导航守卫配置、vue-router路由配置简介
是席木木啊·2023-11-24 09:05

Vue-Router路由钩子函数(导航守卫)

@Vue-Router路由钩子函数(导航守卫)Vue-Router路由钩子函数(导航守卫)路由钩子函数有三种：1：全局钩子：beforeEach、afterEach2：单个路由里面的钩子：beforeEnter
牛赛赛·2023-11-24 08:13

vue-router路由导航守卫

共有这几种：路由守卫（导航守卫）：router.beforeEach：全局前置守卫。router.beforeResolve：全局解析守卫。router.afterEach：全局后置钩子。组件内守卫：beforeRouteEnterbeforeRouteUpdatebeforeRouteLeave路由独享守卫：beforeEnter总结：导航被触发。在失活的组件里调用beforeRouteLeav
小李想瘦·2023-11-24 08:13

vue-router路由传参的三种方式

vue-router传递参数有两个大类：①编程式的导航router.push。
°PJ想做前端攻城狮·2023-11-24 08:42

vue-router 路由权限，路由导航守卫

addRouter()添加路由使用场景列如：菜单权限的分配（管理员与用户不一致）根据后台返回参数定义isAdmin根据isAdmin分配letisAdmin=true//添加路由可以传参一级路由名称来添加二级路由if(isAdmin){router.addRoute({path:'/admin',component:()=>import('../views/admin.vue')})router.
小师叔丄·2023-11-24 08:00

22-自定义全局组件

在用vue构建项目的过程中，我们有时会用到别人开发的组件如vue-router；使用他人组件的正常步骤如下：1、命令行进行安装，执行install；2、在vue项目中的入口文件main.js中，进行导入
早起的鸟儿·2023-11-24 08:02

Vue-router_hash#_路由传参

文章目录路由例：通过监听hash的改变，展示不同组件`vue-router`基本使用设置路由高亮设置路由切换动画效果路由传参注：在路由中使用?
liaoai·2023-11-24 02:37

前端新手Vue3+Vite+Ts+Pinia+Sass项目指北系列文章 —— 系列文章(目录)

第二章环境部署(Node等环境安装)第三章项目创建(Vite项目初始化)第四章认识项目目录(项目整体介绍)第五章组件库安装和使用(Element-Plus基础配置)第六章样式格式化(Sass配置)第七章路由配置(vue-router
SmallTeddy·2023-11-24 01:42

vue3 + vue-router + keep-alive缓存页面

1.vue-router中增加mate.keepAlive和deepth属性{path:'/',name:'home',component:HomeView,meta:{//当前页面要不要缓存keepAlive:false,//当前页面层级deepth:1,}},{path:'/list',name:'list',component:ListView,meta:{//当前页面要不要缓存keepAl
jugt·2023-11-23 23:16

vue3 路由跳转携带参数

地址携带多选的大量数据//name:路由name，params:携带参数router.push({name:'RoutePushEdit',params:{id:id}});import{useRoute}from'vue-router
KTFF·2023-11-23 21:24

vue3的路由跳转

router.npminstallvue-router2、路由配置创建router文件夹并创建index.ts文件内容如下import{createRouter,createWebHistory}from'vue-router'constroutes
不是绿头娃·2023-11-23 20:14

Vue3路由配置、跳转

router/index.jsimport{createRouter,createWebHistory}from'vue-router'//createRouter创建路由实例，===>newVueRouter
清梦压星河_Ciao·2023-11-23 20:41

2021Vue前端面试题总结（含答案）

怎么定义vue-router的动态路由以及如何获取传过来的动态参数？在router目录下的index.js文件中，对path属性加上/:id。使用router对象的params.id。
清欢灬·2023-11-23 17:53

VUE通用后台管理系统（一）登录

项目启动，这一步不做过多赘述，假设你已经成功启动了项目2）配置路由1.src/router/index.js中进行路由设置，代码如下importVuefrom'vue'importRouterfrom"vue-router
前端（从入门到入土）·2023-11-23 16:15

Vue中Vue router和axios的封装使用。

配置路由：1.安装npminstallvue-router@42.安装后在src目录下创建router文件夹，并创建index.js代码如下：//vue-router中提供3种的路由模式import{createWebHistory
爱吃奶酪的松鼠丶·2023-11-23 16:57

Vue-router 编程式导航

除了使用创建a标签来定义导航链接，我们还可以借助router的实例方法，通过编写代码来实现。router.push(location,onComplete?,onAbort?)注意：在Vue实例内部，你可以通过$router访问路由实例。因此你可以调用this.$router.push。想要导航到不同的URL，则使用router.push方法。这个方法会向history栈添加一个新的记录，所以，当
Rising_life·2023-11-23 13:31

面试中vue-router的一些知识点

VueRouterVueRouter使用举例说明vue-router中route和router的区别与联系route和router的区别与联系vue3路由使用vue2路由与vue3路由的区别与联系VueRouterVueRouter
前端布道人·2023-11-23 05:05

【前端 Vue】07 - Vue-router

1.后端路由阶段早期的网站开发整个HTML页面是由服务器来渲染的。服务器直接生产渲染好对应的HTML页面,返回给客户端进行展示。1.1但是,一个网站,这么多页面服务器如何处理呢?一个页面有自己对应的网址,也就是URL。URL会发送到服务器,服务器会通过正则对该URL进行匹配,并且最后交给一个Controller进行处理。Controller进行各种处理,最终生成HTML或者数据,返回给前端。这就完
itlu·2023-11-23 03:03

react-keepalive-router缓存路由库

一介绍基于react16.8+,react-router4+开发的react缓存组件，可以用于缓存页面组件，类似vue的keepalive包裹vue-router的效果功能。
我不是外星人Alien·2023-11-22 19:47

vue-router之hash与history，以及nginx配置

本篇讲解前端项目的路由模式（以vue-router为例），以及history模式下的项目部署问题。
甜点cc·2023-11-22 18:39

Vue History模式的Nginx配置

前言vue-router有两种模式，hash模式和history模式。直观区别：hash模式url带#号，history模式不带#号。
路庆华·2023-11-22 18:38

前端新手Vue3+Vite+Ts+Pinia+Sass项目指北系列文章 —— 第七章 路由配置(vue-router深入解读)

系列文章目录（点击查看）文章目录系列文章目录（点击查看）前言一、介绍二、安装三、基础用法1、基础路由配置2、声明式导航和编程式导航1、声明式导航2、编程式导航3、嵌套路由4、动态路由匹配1、如何将多路径映射至同一组件2、代码演示5、命名、重定向和别名1、命名2、重定向3、路由别名6、路由传参7、不同的历史模式1、hash模式2、html5模式3、两种模式差异四、路由守卫1、完整的导航解析流程2、全
SmallTeddy·2023-11-22 17:19

vue-router刷新当前页面

用vue-router重新路由到当前页面，页面是不进行刷新的。推荐的解决方法provide/inject组合作用：允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在起上
小小的开发人员·2023-11-22 13:41

vue3 vue-router 笔记

home.about页面app.vue文件添加路由占位符router/index.jsimport{createRouter,createWebHashHistory,createWebHistory}from'vue-router'importhomefrom
小师叔丄·2023-11-22 12:41

webpack external 详解

使用方法：附上代码块config.set('externals',{vue:'Vue','vue-router':'VueRouter',axios:'axios','ant-design-vue':'
qq_41167198·2023-11-22 11:54

解决vue-router组件调用后端数据生成动态路由时import不能使用变量

当需要使用后端数据来生成动态路由是遇到一个问题:component:()=>import('@/xxx')能够正常路由，改为变量形式component:()=>import('@/views/'+path+'.vue')点击菜单路由视图并不加载，报错Cannotfindmodule出现这个问题原因：webpack编译es6动态引入import()时不能传入变量，例如dir='path/to/my/
忘了呼吸的那只猫·2023-11-22 08:26

大前端入门笔记

Vue的核心库只关注视图层，方便与第三方库（如：vue-router:跳转，vue-resource:通信，vuex:管理)或既有项目整合。
尘世中迷途小书僮·2023-11-22 02:43

vue3（windows系统）：vue3+vue-router+vuex+typescript在VS Code中使用vite——第三章：关于route和store

vue的影分身，vue-router和vuexvue-router的配置新建./router/index.tsmain.ts中修改配置基础使用vuex新建.
SoulTheFool·2023-11-22 02:03

vue3（windows系统）：vue3+vue-router+vuex+typescript在VS Code中使用vite——第一章：创建一个完整的工程目录

创建一个完整的工程目录下载安装node、npm、yarn下载安装vue、vue-router、vuexvuevue-routervuex下载安装typescript使用vite创建工程目录下载安装node
SoulTheFool·2023-11-22 02:02

vue动态路由的实现步骤

importVuefrom'vue'import$cookiesfrom'vue-cookies'importVueRouterfrom'vue-router'importstorefrom
无声的code·2023-11-21 19:41

vue-router路由(二)

个人主页：前端青山系列专栏：Vue篇人终将被年少不可得之物困其一生依旧青山,本期给大家带来vue篇专栏内容:vue-router路由(二)目录1.Vue-Router的懒加载如何实现2.路由的hash和
前端青山·2023-11-21 09:19

vue3-路由缓存-路由切换页面不刷新问题

路由参数可以变化，但是页面接口并没有调用，数据没有渲染1.使用添加key破坏复用机制强制销毁重建存在问题：会强制将页面所有组件销毁，重新调用2.使用import{onBeforeRouteUpdate}from"vue-router
快乐的小青蛙。·2023-11-21 01:33

Vue-router的动态路由：获取传递的值

我们可以使用Vue-router的动态路由来达到这个目的，它允许我们根据不同的URL参数动态地加载不同的组件，并且可以获取传递的值。
我爱学习yq·2023-11-21 01:46

vue-router导航守卫之官方篇

正如其名，vue-router提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中：全局的,单个路由独享的,或者组件级的。
硅谷干货·2023-11-20 21:48

Vue学习

Vue学习的难点：理解和掌握Vue的核心概念，如数据绑定、计算属性、自定义事件、组件等；熟悉Vue的生命周期，了解每个生命周期的执行顺序及作用；掌握Vue的路由和状态管理，了解Vue-Router和Vuex
小帅哥-·2023-11-20 19:38

uni-app HTML5 History 模式

vue-router默认hash模式——使用URL的hash来模拟一个完整的URL，于是当URL改变时，页面不会重新加载。
记忆哪里去了·2023-11-20 16:59

vue项目用webpack全局引用某个scss

首先引用scss一、目录package.json"dependencies":{"vue":"^2.5.2","vue-router":"^3.0.1","node-sass":"^4.14.1",},
﹏゛Aeljinh陌琳·2023-11-20 16:09

Vue CLI——Vue Router路由 & swiper插件 & Echarts使用

1、安装npminstallvue-router2、导入vue-routerimportVuefrom'vue'importVueRouterfrom'vue-router'Vue.use(VueRouter
叽里咕呱·2023-11-20 15:38

Vue - Router

而在前端工程中，路由指的是根据不同的访问路径，展示不同组件的内容Vue官方提供的路由功能叫Vue-Router二、如何使用步骤1、安装vue-routernpminstallrouter@4@4是指第四个版本
An1ong·2023-11-20 10:24

前端新手Vue3+Vite+Ts+Pinia+Sass项目指北系列文章 —— 第二章 环境部署

系列文章目录第一章技术栈简介(开篇)第二章环境部署(Node等环境安装)第三章项目创建(Vite项目初始化)第四章样式格式化(Sass)第五章路由配置(vue-router路由守卫)第六章请求配置(Axios
SmallTeddy·2023-11-20 06:22

前端新手Vue3+Vite+Ts+Pinia+Sass项目指北系列文章 —— 第三章 项目创建

系列文章目录第一章技术栈简介(开篇)第二章环境部署(Node等环境安装)第三章项目创建(Vite项目初始化)第四章样式格式化(Sass)第五章路由配置(vue-router路由守卫)第六章请求配置(Axios
SmallTeddy·2023-11-20 04:27

前端新手Vue3+Vite+Ts+Pinia+Sass项目指北系列文章 —— 第一章 技术栈简介

系列文章目录第一章技术栈简介(开篇)第二章环境部署(Node等环境安装)第三章项目创建(Vite项目初始化)第四章样式格式化(Sass)第五章路由配置(vue-router路由守卫)第六章请求配置(Axios
SmallTeddy·2023-11-20 01:58

2020-02-14

vue-router的使用：开发vue单页面程序时，app.vue只是.随着router的加载，会自动地把"/"对应的组件default.vue渲染进来。
杯子里希望的石头·2023-11-20 00:42

vue动态路由

importVuefrom'vue'importRouterfrom'vue-router'importlayoutfrom'..
共创splendid--与您携手·2023-11-19 22:45
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他