Vue-router 第17页

VUE.js的路由（vue-router）及基本使用

一、什么是前端路由1.1vue-router的理解vue-router是vue.js官方提供的一套专用的路由插件库，专门用来实现SPA应用。

wanglingli95·2023-10-09 10:57

vue中使用vue-router切换页面时滚动条自动滚动到顶部的方法

网上查了一下，很多网友说可以试试在main.js入口文件配合vue-router写下面这个：router.afterEach((to,from,next)=>{window.scrollTo(0,0);

默然_f5f0·2023-10-09 02:54

Vue-Router

1.路由配置默认路由跳转{path:'/',redirect:'/app'}在newRouter时可用的配置参数：mode:historybase:基路径linkActiveClass:'active-link'//被激活样式（模糊匹配）linkExactActiveClass:'exact-active-link'//被激活样式（精准匹配）/**linkActiveClass和linkExact

罂粟1995·2023-10-08 19:28

前端开发：vue-router的使用以及两种模式的区别

vue-router是Vue的官方路由插件，为的就是Vue单页面开发的路由，处理页面跳转的，那么本篇博文就来分享一下关于vue-router相关的知识点，该知识点在前端求职面试中也是

三掌柜666·2023-10-08 19:26

前端框架Vue2.0+Vue3.0学习笔记01

一、Vue技术_课程简介1、前端框架小白2、熟练掌握Vue23、轻松玩转Vue3①、vue基础②、vue-cli③、vue-router④、vuex⑤、element-ui⑥、vue3二、Vue技术_Vue

突然好想你之路在脚下·2023-10-08 16:23

前端高频vue面试题合集

路由的hash和history模式的区别Vue-Router有两种模式：hash模式和history模式。默认的路由模式是hash模式。

bb_xiaxia1998·2023-10-08 14:24

vue3 + vue-router4：写法正确但接收不到params

背景：同一份代码，在同事的环境跑时正确运行，但在本人的环境运行却接收不到传过来的参数router.push({name:'PlayPage',params:{vid:123}})原因：vue-router

大佬，咋整啊·2023-10-08 10:13

vue-router和express项目部署到服务器

-首先确定此项目在本地能够运行成功在本地命令行中输入npmrunstart，无报错，且打开127.0.0.1:3000有写的路由为/的页面，如图此为文件层级关系front为前端文件xk3为后台express与数据库mysql链接的文件用命令行进入后台并且运行，启动成功这是路径为/的页面在浏览器中输入路径http://localhost:3000/浏览器中显示WelCometoexpress至此此项

李小斌96·2023-10-08 07:48

Vue单页面应用首屏加载时间优化

vue全家桶我们习惯用vue-cli搭建脚手架，再配合vue-router控制路由，vuex控制状态及复杂组件通讯，实现顺畅的spa应用，但是往往在项目应用插件框架时后首屏加载时间非常长。

镜轩夕照·2023-10-08 01:18

vue 使用addRoutes动态添加路由刷新页面跳转404路由的问题

在做vue项目时需要使用后端给的路由权限，处理路由动态添加到路由上，几经查找在vue-Router中有个router.addRoutes的方法。

木木子子水水心心·2023-10-07 18:45

vue.js进阶

vue-router作用：通过管理url，实现url和组件的对应和通过url进行组件之间的切换。单页应用（SPA）：加载单个HTML页面，并在用户与应用程序交互时动态更新该页面。

十一T_T·2023-10-07 18:52

vue3 keepalive翻页保存页面状态

描述实现页面A->B，B->A（A保存之前页面状态，不刷新页面）//router/index.tsimport{createRouter,createWebHistory}from'vue-router'importHomeViewfrom

小和尚敲木头·2023-10-07 18:03

vue-router，子路由，和同级多个子路由

首先App.vue有一个最顶层的router-view//App.vueexportdefault{name:'App'}router/index.js文件配置的意思是，当浏览器路径为/，App.vue里的router-view显示HelloWorld组件//router/index.jsconstrouter=newRouter({routes:[{path:'/',name:'HelloWor

KenThomas·2023-10-07 14:01

Vue Router的使用

//src/router/index.jsimportVuefrom'vue'importRouterfrom'vue-router'import{routes}from'.

菜园前端·2023-10-07 14:11

Vue-router 报NavigationDuplicated的可能解决方案

其原因在于Vue-router在3.1之后把$router.push()方法改为了Promise。所以假如没有回调函数，错误信息就会交给全局的路由错误处理，因此就会报上述的错误。

李早晨_小前端·2023-10-07 08:51

前端框架库汇总

VueVue2.0：Vue2.0文档Vue3.0：Vue3.0文档Vue-Router：Vue.js官方的路由管理器。Vuex：Vue.js应用程序开发的状态管理模式。

涅槃快乐是金·2023-10-06 21:07

Vue 中获取 package.json 信息

/package.json'//获取版本号letversion=config.version;//获取插件vue-router的版本号letbaseVersion=config.dependencies

AvatarGiser·2023-10-06 20:43

vue实现多标签保持页面管理系统

运用的Vue技术点参考关于vue-router应用参考：https://blog.csdn.net/sunshouyan/article/details/107016023关于vuex应用参考：https

良月零五·2023-10-06 11:40

Vue路由组件

路由组件配置在src文件夹下新建router文件夹在其中建立index.js编写路由文件配置，配置代码如下：//配置路由的地方importVuefrom'vue';importVueRouterfrom'vue-router

瘦一零·2023-10-05 20:15

Vue组件路由

1，安装vue-router组件，终端输入：[email protected]，在src文件夹下创建router目录3，创建index.js文件，配置路由，导入需要路由的组件。

Adellle·2023-10-05 20:44

Vue-router路由组件的使用方法(基础且重要)

Vue-router路由的基本使用方法在学习了vue-router之后总结的基础用法：路由的创建与配置，路由规则的编写，路由组件的访问，参数的传递，路由的生命周期函数，路由守卫的方法和作用…等常用的一些知识点路由作用

默默无闻的IT民工·2023-10-05 20:44

Vue-Router简单整理

Vue-routerview-link标签的属性：1.to="":略；在这里必须写完整的路径名，包括嵌套路由2.active-class="":当前路由激活是应用的样式3.tag="":实际渲染的标签4.replace:将路由操作不写入浏览器的History对象中路由传参：方式一：1.在view-link标签中的写法：v-bind:to="'/main/'+route"2.定义时：{path:'/

Xiaoooyooo·2023-10-05 19:39

TypeScript基本类型、类、封装、继承、泛型、接口、命名空间

简介：前几篇介绍了Vue3的CompositionAPI，Vue-Router，pinia。

迷小圈·2023-10-05 15:47

Vue/Vue-Cli/ElementUI报错bug+使用方案合集（持续更新，建议收藏）（23-05-26更新）

持续更新，建议收藏关注~一、Vue/Vue-Cli1.Vue-Router路由跳转页面下移问题问题：通过Vue-Router跳转页面时，页面不是从页面顶部显示解决方法：在src/router/index.js

coderYYY·2023-10-05 12:45

《前端》el-menu导航栏实现方法--2021年1月3日

原因分析：后来可利说，我这是在html文件中，不能使用vue-router。等今年我要学会webpack打包项目的那种方式。现在先使用html能支持的方式来实现。

bellediao·2023-10-05 05:05

vue-router中$router和$route的区别

区别$router是全局路由对象实例，用于操作路由。$route是当前路由对象，用于获取当前路由操作信息。$router全局路由对象，包含路由内的导航方式、导航方法、history栈操作等。constrouter=newVueRouter({routes:[{path:'/aaa',component:RouterA},{path:'/bbb',component:RouterB}]});//组件

李剑一·2023-10-05 04:15

vue3+vite插件配置系列2-unplugin-auto-import

AutoImport({ imports:["vue","vue-router"],//自动导入vue和vue-router相关

一路向北qaq·2023-10-04 04:52

unplugin-vue-components和unplugin-auto-import插件

unplugin-auto-import：自动按需引入vue\vue-router\pinia等的apiunplugin-vue-components：自动按需引入第三方的组件库组件和我们自定义的组件使用此类插件

暗月Moon·2023-10-04 04:51

Vue实践与总结——插件

如：Vuex（全局状态管理）、vue-router（全局路由管理）插件引入通过vue-cli引入引入vue-clinpminstall-g@vue/cli#yarn安装yarnglobaladd@vue

xymspace·2023-10-04 03:42

vue配置history模式

前言引用官方的解释：HTML5History模式vue-router默认hash模式——使用URL的hash来模拟一个完整的URL，于是当URL改变时，页面不会重新加载。

潘道蒙·2023-10-04 03:38

Vue项目首屏加载速度优化

一、路由懒加载1、作用提升用户体验，提升首屏组件加载速度，解决白屏问题2、代码示例2.1未使用路由懒加载importVuefrom'vue'importRouterfrom'vue-router'importHelloWorldfrom

海布里的冬季·2023-10-04 02:54

/node_modules/vue-router/dist/vue-router.esm-bundler.js

问题利用vuecli新建vue2项目,安装vue-router后浏览器控制台报错:问题所在和解决:vue-router版本太高和vue2起冲突了,虽然router4.X的大部分的VueRouterAPI

你的美，让我痴迷·2023-10-03 15:36

/node_modules/vue-router/dist/vue-router.esm-bundler.js “export ‘watchEffect‘ was not

1.问题利用vuecli新建vue2项目,安装vue-router后浏览器控制台报错:UncaughtTypeError:Object(…)isnotafunction终端这边爆warningin.

mizuhokaga·2023-10-03 15:05

hash和history的区别

一.vue-router（前端路由）有两种模式，hash模式和history模式1.hash就是指url后面的#号以及后面的字符，history没有带#，外观上比hash模式好看些2.原理的区别（原理）

山顶的云彩·2023-10-03 06:04

vue3 菜单路由切换，页面空白没更新

import{useRoute}from"vue-router";constrouter=useRoute();constrouteKey=computed(()=>router.path+Math.random

qq_43241730·2023-10-02 23:21

#搭建Vue+TypeScript项目(四)

vue-router的使用模块化路由1.在src文件夹下新建router文件夹,新建router.ts(包含路由拦截器)importVuefrom'vue';importRouterfrom'vue-router

风轻云淡小小木·2023-10-02 22:27

vue-router路由后退实现关闭页内弹窗画面不退出、不回退

问题描述在项目开发中使用vue-router，经常会遇到使用Modal弹窗的场景，然后点击后退不是Modal关闭，而是页面后退的问题。

纸山君·2023-10-02 01:02

Vue3配置路由

中引入一、创建index.js在src文件夹中创建router文件夹，并在其中创建index.js文件//引入路由对象import{createRouter,createWebHistory}from'vue-router'importPufMacfrom

叶卡捷琳堡·2023-10-01 23:49

vue 路由跳转页面数据不更新问题

原因：vue-router的切换不同于传统的页面切换，而是路由之间的切换，其实就是组件之间的切换，引用相同组件的时候，会直接调用缓存而不会调用created()，mounted()函数。

伟笑·2023-10-01 14:03

Vue初学碰到Module not found: Error: Can‘t resolve ‘./components/Login.vue‘ in

/改成…/importVuefrom'vue'importRouterfrom'vue-router'importLoginfrom'..

过客尘烟·2023-10-01 11:37

vue3，单页面应用打开多个tab窗口

1、在vue中一般通过router.push进行路由跳转都是在同一个tab窗口实现，如果需要打开多个tab窗口需要结合window.open实现2、具体实现import{useRouter}from'vue-router'constrouter

ZL随心·2023-10-01 10:50

Vue-router 钩子函数

路由配置文件中的钩子函数beforeEnterbeforeEnter有三个参数：to:路由将要跳转的路径信息，信息是包含在对像里边的。from:路径跳转前的路径信息，也是一个对象的形式。next:路由的控制参数，常用的有next(true)和next(false)。在路由配置文件（/src/router/index.js）中写钩子函数在控制台查看打印内容写在模板中的钩子函数beforeRouteE

Rising_life·2023-10-01 08:18

vue2安装vue-router报错——版本问题

安装vue-router：提示：在vue终端输入：npmivue-router版本报错提示：如遇到一下的报错，可能是vue-router版本的问题：2022年2月7日以后，vue-router的默认版本

没品芒果·2023-10-01 01:11

引入Vue-router报错

今天在引入router时遇到了一个报错一旦引入vue-router就报底层错误，后来排了很久，发现原来是版本问题，npm默认安装最新版的vue-router4版本，但是4版本对针对vue3的，而我用的是

零安道长·2023-10-01 01:11

npm vue-router报错

npminstallvue-router--save或者是npminstallvue-router@next--save都会报如下错误下面在package.json文件的dependencies中添加"vue-router

_Mm_·2023-10-01 01:41

关于产生冗余导航，vue-router报错的问题

项目场景：写编程式路由导航时，vue-router报错。

二水笔记·2023-10-01 01:41

vue3的vue-router报错

报错内容：类型“Ref”上不存在属性“path”。原因：由于vue3的ref是响应式数据，所有获取path等数据需要.valueconst{path,query,matched}=router.currentRoute.value;

键盘上行走的猿·2023-10-01 01:41

vue-router安装报错

在搭建vuecli时，使用命令安装router插件出现以下问题出现此问题的原因是：vue-router的版本太高了，应安装低版本。

lridescsnt·2023-10-01 01:41

解决vue下载vue-router报错问题

所以我们只要指定下载一个低版本的vue-router就可以顺利完成路由的安装指令如下：[email protected]然后就可以解决问题希望能有帮助

m0_56133196·2023-10-01 01:10

vue-router安装报错、版本冲突

peervue@"^3.2.0"[email protected]因为2022年2月7日以后，vue-router的默认版本，为4版本，而且vue-router4,只能在vue3中，只有vue-router3

南北极之间·2023-10-01 01:10

推荐频道

Vue-router