VueRouter

Vue路由（vue-router）详细讲解指南

Vue路由（vue-router）详细讲解指南动态路由匹配：嵌套路由：路由导航两种方式：转自：有梦想的咸鱼前端VueRouter是Vue.js官方的路由管理器。
whicce·2022-11-24 09:07

VueRouter: this.$route.push跳转,携带参数

this.$router.push传递参数有2种方式：传递参数--this.$router.push({path:'路由',query:{key:value}})参数取值--this.$route.query.key使用这种方式，传递参数会拼接在路由后面，出现在地址栏.传递参数--this.$router.push({name:'路由的name',params:{key:value}})参数取值-
蜗牛杨哥·2022-11-24 08:00

vue-router路由的基本使用 (详细步骤)

1.安装vue-routeryarnaddvue-router2.引入路由importVueRouterfrom'vue-router'3.使用路由Vue.use(VueRouter)4.定义路由规则constroutes
生哥编程·2022-11-24 08:57

Vue中router-link如何添加mouseover提示

目录vuerouter-link添加mouseover提示vuerouter-link标签所必备了解属性vuerouter-link添加mouseover提示直接上代码：{{item.title}}{{
·2022-11-24 00:17

基于Vue3+Vite+TS+AntDv+ Pinia从零搭建一个项目

基于Vue3+Vite+TS+AntDv+Pinia从零搭建一个项目框架技术栈项目目录结构一、使用vite搭建环境二、集成路由VueRouter三、集成状态管理工具Pinia四、集成Axios并封装五、
wangshuo0520ai·2022-11-21 18:42

开发常用网址收藏

Vue.js:渐进式JavaScript框架Vuex:一个专为Vue.js应用程序开发的状态管理模式Vue-cli：VueCLI是一个基于Vue.js进行快速开发的完整系统，搭建交互式的项目脚手架Vue路由器：VueRouter
那朵花~~·2022-11-20 18:01

【Vue】安装vue-router后运行报错 “export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘

报错信息：出错原因：vue-router版本的问题，npminstall--savevue-router安装最新的v4版本，造成这个错误。项目版本介绍："vue":"^2.6.11""vant":"^2.12.51",解决方案：安装指定版本vue-router，命令：[email protected]问题解决。
meichaoWen·2022-11-09 11:38

无法import VueRouter from ‘vue-router’

使用命令cnpminstall-gvue-router安装vue-router成功之后，却无法导入包在项目目录下查看package.json，发现没有vue-router这个依赖查阅资料，需使用命令cnpminstall-g--save-devvue-router成功安装并导入，package.json的devDependecies也出现了vue-router附：npminstallmoduleN
罗德岛刀客特·2022-10-13 14:50

ssm+vue实现图书管理功能

目前还在开发描述涉及到：前端：vue的核心插件：vuerouter、vuex；工具：vuecli，框架ele
快乐的小跳哇·2022-10-11 15:53

解决vue项目路径不正确,自动跳转404的问题

目录vue项目路径不正确,自动跳转404第一种方法第二种vue路由判断跳转404页面vue项目路径不正确,自动跳转404第一种方法使用vuerouter钩子函数beforeEach，每次进行路由跳转时都进行判断
·2022-10-10 10:01

Vue中router.beforeEach与beforeRouteEnter的区别及说明

目录router.beforeEach与beforeRouteEnter的区别使用场景定义全局钩子函数beforeEach函数有三个参数vuerouter的几个钩子函数全局钩子（2个）单个路由钩子（2个
·2022-10-10 10:00

Vue路由自动添加#的问题及解决

目录Vue路由自动添加#Vue路由去除链接/前面的#Vue路由自动添加#在使用VueRouter时，配置了几个路由规则尝试在浏览器中输入路由地址（/order,/person等）来测试Vue组件是否跳转成功
·2022-10-10 10:53

vue.js如何使用vue-router实现页面的跳转？

最后查看了VueRouter官方文档，终于找到了实现路由跳转的方式。在此记录一下学习过程，以便自己加深印象。HTML：HelloApp!默认会被渲染
闫小样丶·2022-10-05 22:41

vue的重定向解决方法

/components/Login.vue'Vue.use(VueRouter)constroutes=[//重定向操作{path:'/',redirect:'/login'},{pat
ZHFTT917·2022-10-04 12:08

使用vue开发的网页游戏

先放链接：baiwanrunrun无聊的时候用vue脚手架搭配vuex，vuerouter以及自己想的碰撞计算，完成了一个小游戏图片背景是网上找的，如有不爽联系我删除说一下收获与心得：1.封装组件的必要性
uliar·2022-09-30 13:28

vite实现md转vue

整体思路我们知道，vitepulgin将md文件转换成vue组件渲染的主要流程是:配置vuerouter路由，指向.md文件编写vite插件将.md文件解析成vue文件字符串最后由vite的插件@vitejs
舜岳·2022-09-30 05:10

Vue3 根据用户权限设置动态菜单

本文采用的技术栈有：前端：Vue3+VueRouter@4+VueX+Element-ui后端：Express在中后台管理系统中，我们知道可以有多种用户实体。
黑猫几绛·2022-09-30 05:24

Vue2中vue-router使用全流程

vue-router//引入vue以及vueRouterimportVuefrom'vue'importVueRouterfrom'vue-router'//第三方库需要use一下才能用Vue.use(VueRouter
书签药裹封蛛网·2022-09-26 15:59

vue中vue-router的使用

用Vue+VueRouter创建单页应用非常简单：通过Vue.js，我们已经用组件组成了我们的应用。
勇敢小陈·2022-09-26 15:28

【Vue五分钟】 Vue Router的使用场景

资源邮箱：[email protected]目录1.VueRouter的使用场景2.选择什么样的模式的路由和底层原理3.Nuxt用来解决什么问题4.Nuxt核心原理5.UI组件库的对
丘比特惩罚陆·2022-09-26 15:27

25_Vue3路由-VueRouter的基本使用及动态路由和路由嵌套

Vue3路由之Vue-router的基本使用及路由嵌套和动态路由认识前端路由路由其实是网络工程中的一个术语：在架构一个网络时，非常重要的两个设备就是路由器和交换机。当然，目前在我们生活中路由器也是越来越被大家所熟知，因为我们生活中都会用到路由器：事实上，路由器主要维护的是一个映射表；映射表会决定数据的流向；路由的概念在软件工程中出现，最早是在后端路由中实现的，原因是web的发展主要经历了这样一些阶
酒 客·2022-09-22 07:50

Vue3+ElementPlus网页端聊天|vue3.0仿微信/QQ界面实例

技术栈编码/技术：VScode+Vue3+Vuex4+VueRouter@4UI组件库：ElementP
xiaoyan_2018·2022-09-21 18:31

vue 动态组件名_手把手教你搞定权限管理，结合Vue实现菜单的动态权限控制！...

使用技术mall-admin-web实现菜单的动态权限控制使用到了两种技术，一种是VueRouter，另一种是Vuex，我们先来
weixin_39625987·2022-09-19 22:32

从零搭建vue3项目（三）安装配置vue router

安装vuerouter4.xvuerouter官网：https://next.router.vuejs.org/zh/一、使用npm包管理器安装#安装指令$npminstallvue-router@4直接下载或者使用
A_Big_Banana·2022-09-19 15:50

vue router 嵌套路由（子路由）的使用

嵌套路由在一个路由中嵌套其他子路由嵌套路由的配置：VueRouter中，给每一个路由提供了一个children属性，用来配置子路由路由文件router文件夹下index.js文件配置**注意：⭐children
Sam9029·2022-09-13 22:01

9.06 Day47---Element UI局部组件库的使用

App.vue文件中：全局唯一的路由配置文件router/index.js：在HomView.vue文件中：代码分析：ElementUI局部组件库的使用：1.官网：2.安装3.导入创建一个vue工程：路由VueRouter
您算哪块小饼干?·2022-09-13 10:15

【VUE】demo02-VUE后台管理系统-axios接口测试+router动态路由

为动态路由并修改sidebar为动态的导航栏上篇文章：【VUE】demo01-VUE做后台管理系统页面实例-创建基本环境+页面布局工具：VisualStudioCode+Vue+Vuecil2+Vuex+VueRouter
清晨敲代码·2022-09-08 12:03

正确姿势开发vue后台管理系统 (vue-admin-webapp)

正确姿势开发vue后台管理系统项目地址vue-admin-webapp欢迎star，fork前言相信许多人和我一样刚接触vue时看文档都很枯燥，看完vue，还有vueRouter、vuex、vue-cli
IT 哈·2022-09-08 12:59

Vue路由（vue-router）详细讲解

中文文档：https://router.vuejs.org/zh/VueRouter是Vue.js官方的路由管理器。它和Vue.js的核心深度集成，让构建单页面应用变得易如反掌。
mengdong_524·2022-09-02 17:45

VueRouter和ReactRouter路由对比

本质区别vue-router是全局配置方式，react-router是全局组件方式。vue-router仅支持对象形式的配置，react-router支持对象形式和JSX语法的组件形式配置。vue-router任何路由组件都会被渲染到位置，react-router子组件作为children被传入父组件，而根组件被渲染到位置。一、引入方式不一样vue必须要通过Vue.use()明确地安装路由功能；也
xinxin_csdn·2022-09-02 15:02

关于VueRouter导入的全过程

目录routernanoid的使用引入使用路由1-1安装依赖1-2引入1-3在main.js中使用1-4App.vue全局过滤器element-ui全局组件Vuc-cli中的视配1-1安装依赖1-2配置文件1-3main.js1-4public/index.html1-5在pc端视配slot封装动画项目初始化1-1.router-link-active1-2动态显示tabbar1-3跳转回前一个页
·2022-09-02 14:48

vue获取参数的几种方式总结

目录路由基础1.SPA与路由1.1SPA介绍1.2路由介绍1.3前端路由原理2.vue-router基础用法2.1下载VueRouter2.2一般使用过程2.3修改路由模式2.4为当前导航添加样式2.5
·2022-08-30 14:15

多路由复用页面组件问题

本文围绕VueRouter中路由组件复用问题展开场景复现项目中经常会遇到增改查的需求，通常采用不同的路由指向同一个页面组件，以此到达复用页面的功能，但是复用页面存在一些状态问题。
·2022-08-27 22:33

多路由复用页面组件问题

本文围绕VueRouter中路由组件复用问题展开，在应用层面探讨动态路由和复用页面组件的相关钩子函数执行情况。
甜点cc·2022-08-27 22:00

【面试题】如何去掉vue的url地址中的#号?及其原理？

importVuefrom'vue';importVueRouterfrom'vue-router';Vue.use(VueRouter)//1.定义一些路由//
前端--末晨曦吖·2022-08-27 22:00

Vue3+Vite3 SSR基本搭建

Vite3SSR基本搭建首先说明如果是生产使用强烈推荐Nuxt，但是如果想深入服务端渲染的运行原理，可以看本篇，会根据渲染流程搭建一个demo版ssr，源码在最后会贴上主要技术栈：Vite3+Vue3+pinia+VueRouter4
·2022-08-27 20:00

vue-router导航守卫使用axios, 没经过axios 拦截器

最近在写一个在线学习系统，并支持浏览课程信息页面，前提是用户参选过了本课程（否则不能进去）所以我在vuerouter全局前置守卫中使用axios获取检查选课记录，然而在导航守卫中axios请求并未经过axios
优雅的发际线·2022-08-26 18:21

Vue学习之认识到应用（三）

后端路由阶段13.1.2.前后端分离阶段13.1.3.单页面富应用阶段13.2.URL和内容映射13.2.1.hash13.2.2.history模式13.3.vue-router的基本使用13.3.1.VueRouter
至尊绝伦·2022-08-26 11:37

vue项目依赖升级报错处理方式

目录vue项目依赖升级报错处理当启动vue项目安装依赖时报错vue项目依赖升级报错处理1.VueRouter升级到3.5.1报错：Navigationcancelledfrom"/login"to"/"
·2022-08-25 15:16

vue-router

进行管理前端路由：key是路径，value是组件6.1路由基本使用安装vue-routernpmivue-router@3引入并使用importVueRouterfrom'vue-router'Vue.use(VueRouter
青铜世纪·2022-08-23 10:28

NavigationDuplicated:Avoided redundant navigation to current location

路由重复解决：1查看自己是因为什么跳转方法报错push/replace/back/go...2router.js下面的跳转方法根据自己错误的方法更改constoriginal=VueRouter.prototype.pushVueRouter.prototype.push
wendyymei·2022-08-22 12:50

Vue Router嵌套路由(children)的用法小结

目录简介使用场景官网网址示例路由配置用户页面（父页面）子路由的path前加“/”简介说明本文介绍VueRouter的嵌套路由的用法。
·2022-08-19 12:14

Vue router/Element重复点击导航路由报错问题及解决

目录Vuerouter/Element重复点击导航路由报错解决方法如下Vue使用element-UI路由报错问题报错代码修改方案Vuerouter/Element重复点击导航路由报错虽然此报错并不会影响项目运行
·2022-07-31 12:37

vite 搭建 Vue3.0项目

vite搭建Vue3.0项目vue3.0+TS+AntDesignVue项目vite初始化vite项目配置项目配置typescript配置VueRouter配置Vuex配置AntDesignVuevue3.0
假装是个web狗·2022-07-18 09:29

Vue 路由懒加载， VueRouter一步完成Vue的路由懒加载 一行代码搞定懒加载

VueRouter路由配置中的component里面配置即可1//路由懒加载的方式加载组件23component:()=>import('@/views/Detail'),原理：传统的es6导入方式
芹菜是一根葱·2022-07-15 20:00

用 vite 构建 vue3 + TS 项目实战

在开发和构建中进行代码规范校验5、GitCommit规范6、Vite中的TS环境说明7、Vue3中Ts支持8、Vue3中的script-setup语法9、script-setup中的编译宏10、配置转换JSX和TSX11、初始化VueRouter12
Daisy__yangyang·2022-07-15 07:29

vue路由跳转了但界面不显示的问题及解决

路由明明配置好了页面还是不显示在开发vue项目时，使用vue-router路由老失效问题代码Vue.use(VueRouter)varrouteslist=[ {  path:'/',  redirect
·2022-07-09 19:50

Vue 服务端渲染SSR示例详解

app.jsclient-entry.jsserver-entry.js五.配置客户端打包和服务端打包六.配置运行脚本七.服务端配置七.通过json配置createBundleRenderer方法八.集成VueRouter
·2022-07-09 19:47

前端vue3+token实现用户认证

涉及到的内容有：Vue3、VueRouter、axios、Vant组件库。
大橘为重¨·2022-07-06 07:57

Vue3中实现路由跳转的过渡动画(一)

由于VueRouter官方文档写的太过抽象，真的特别不好理解，所以我来总结一下如何去更简单地理解路由跳转时的动画。首先看一下官方对于这个概念的解释。
·2022-07-02 22:03
上一页 12 13 14 15 16 17 18 19 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他