Vue-router 第79页

解决vue多次点击路由报错问题

本人做移动端的vue项目遇到了多次点击路由链接报错问题，废话不多说，我用的vue-router版本是3.1.3百度上给出如下解决方案：importRouterfrom'vue-router'constoriginalPush

码龍到天亮·2020-08-11 19:25

Vue-Router基础（二）：base，linkActiveClass，linkExactActiveClass，scrollBehavior，parseQuery，stringifyQuery

base：那么base有什么用呢？我们来试一下：我们重新跳转后发现，它默认跳转的路由变成了'/base/hello'，这就是base的功能。它在我们routes里面配置的所有path前面，都会给它加上一个/base/。这段路径，它作为我们整个应用的基路径。意思就是我们所有的路径，都要在这个基础之上。然后你在应用里面，使用router对象去跳转还是使用router-link去跳转，只要你通过的是vu

Mr_大木·2020-08-11 19:14

Element/vue router连续点击同一路由报错解决方法

写项目的时候，多次点击同一路由地址的时候，router会报错，错误如下：网上查了一下，发现是因为router版本bug，需要升级router，方法如下(亲测有效)：第一种方法，升级vue-router：

银鞍照白马·2020-08-11 19:35

Vue全家桶精简配置（vue-cli,vuex,axios,vue-router,elementUI）

在上一篇介绍使vue-cli3搭建了项目，并添加了一些基础的配置，现在就来和大家一起将项目需要用到的工具准备好。vue-cli在上一篇已经说了，这边就不重复了，axios安装npminstallaxios封装导入在src里面新建api文件夹，新建index.js文件最后将其导出然后我们就可以在同级文件夹，建对应接口文件并将index中导出的repuest引入在最后我们在对应组件，导入对应接口，并调

bug改不完·2020-08-11 19:53

vue全家桶+Echarts+百度地图，搭建数据可视化系统（【续】接口篇）

1.2业务分析上一篇分析的步骤大致有：系统搭建vue-clivuex记录登录信息vue-router路由跳转3个维度的页面，提取出共用的组件各个组件开发调节样式，增加UI加入后台接口数据优化显示测试上线上一篇介绍了

weixin_34054931·2020-08-11 19:34

Vue全家桶学习二、Vue-Router的使用详解

1.vue-router安装如果在vue-cli构建项目中没有安装vue-router,可以由npm自行安装。

June.1·2020-08-11 17:46

从零开始搭建vue全家桶（一）使用 vue-cli 构建项目

Vue全家桶介绍主要包含了vue-router、vuex，axios、vue-cli、sass、elementUI组成了一个完整的vue项目的核心构成。

jiang262740899·2020-08-11 17:56

Vue全家桶学习（二）

Vue-router插件的使用一、动态路由配置通过在路径上使用/:变量的方式去实现，例如：exportdefaultnewRouter({mode:'history',//路由模式hash|historyroutes

BeyondJSC·2020-08-11 15:23

vue全家桶项目学习（二、vue-router 下篇）

一、路由组件传参继上一片博客，在组件中使用$route会使之与其对应路由形成高度耦合，从而使组件只能在某些特定的URL上使用，限制了其灵活性。使用props将组件和路由解耦，这样你便可以在任何地方使用该组件，使得该组件更易于重用和测试。布尔模式,适用动态匹配路由{path:'/page1/:param',name:'page1',component:()=>import('../views/pag

仍在努力中·2020-08-11 15:43

vue全家桶项目学习（二、vue-router 上篇）

使用通过上一篇文章已经通过vue-cli4.0创建好了vue项目，首先项目默认router配置文件和组件中使用及main.js中挂载如下在src/router/index.js路由配置文件中，首先通过import引入vue和vue-router

仍在努力中·2020-08-11 15:43

vue-router的原理

我的另一篇博客，介绍了路由的使用https://blog.csdn.net/xiasohuai/article/details/80693320更新视图但不重新请求页面，是前端路由原理的核心之一，目前在浏览器环境中这一功能的实现主要有2种方式,Hash模式和History模式：（1）利用URL中的hash("#");（2）利用Historyinterface在HTML5中新增的方法;1、Hash模

叶落森·2020-08-11 15:15

vue高级[vue-cli][vue-router][vuex]

Vue高级vue-cli脚手架cli是vue提供的一个用来快速构建项目环境的一个工具，底层使用的是webpack，webpack底层使用的是node.js。有cli2和cli3两个版本安装如何让一台电脑既可以使用vue-cli2也可以使用2以上版本？cnpm/npmi@vue/cli@vue/cli-init-g全局安装。@vue/cli表示2以上版本，@vue/cli-init调节工具，可以让2

需要点灵感·2020-08-11 14:48

Vue学习之高级系列（vue-cli,vue-router,vuex）

Vue高级-Vue全家桶技术1.vue-cli脚手架2.vue-router路由3.vuex多组件状态管理vue-cli它是vue提供的一个用于构建vue项目的脚手架，目前它的版本已经到了4.x版本vue-cli2.x版本vue-cli2以上版本【34】市面上安装如何让一台电脑既可以使用vue-cli2也可以使用2以上版本？$cnpm/npmi@vue/cli@vue/cli-init-g@vue

静简。·2020-08-11 14:07

用vue-cli、webpack、vue-router构建单页应用

它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源vue-router:SPA单页应用必备路由模块（下面详细介绍）1.搭建环境搭建环境之前，你需要在本地安装node.js,npm是node.js

浦东_攻城狮·2020-08-11 14:29

8.1.2 Vue Router原理实现

w1fl1w·2020-08-11 13:14

简易版 vue-router的 hash 模式实现

答：自己实现的vue-router的代码如下(完整代码见https://github.com/smallSix6/fed-e-task-liuhuijun/tree/master/fed-e-task-

qq_35469739·2020-08-11 12:42

仿网易云音乐的移动应用前端工程(vue-cli4.x+vant+vuex+vue-router+mongoDB+express)

自己重新设计了比较简单的UI，目前还是大三，对于优化之类的都不大熟悉，文件仅供参考,欢迎讨论指正)本工程github链接后端工程github链接后端博客链接网易云音乐API链接技术/资源Vue-cli4.4.0vue脚手架vue-router

不说别的就是很菜·2020-08-11 12:57

用 Vue + vue-router + Webpack 构建单页 Web APP (SPA)

一个典型的项目结构VueSPAProjectStructure项目结构说明main.js声明Vue项目的依赖。声明Vue项目的入口（DOM挂载点）。Vue插件的基本设置。router.js配置路由规则关于CSS的一些说明业务型CSS：单独写成CSS文件，并放在styles目录内。局部CSS：写在组件模板内，在�标签上加上scoped以锁定作用域。如果需要用到全局CSS，使用@import引入。功能

JackieDYH·2020-08-11 10:40

Vue | Error in render: "TypeError: Cannot read property 'matched' of undefined"

问题重现在一次vue项目初始化时并没有加入vue-router。

MGsniper·2020-08-11 06:26

vue的面试题

答：vue-router模块的router-link组件。2、怎么定义vue-router的动态路由？怎么获取传过来的动态参数？

LinDaiuuj·2020-08-11 05:38

vue cli中的vue-router详解：四种跳转方式

文章目录Vue-router1.最基本的跳转2.带参数的基本跳转3.通过query来定义地址栏键值对参数4.通过js跳转Vue-router1.最基本的跳转demo1:Hello,world2.带参数的基本跳转跳转到demo1穿参123此时，需要在index.js中的路由配置（path处）进行重新定义：写上包含的参数，当参数不固定时，需要在前面加上冒号，表示通配符。{path:'/demo1/:u

Zijeak·2020-08-11 03:08

location.hash详解

了解vue-router原理中更新URL但不重载页面原理之一location.hash1.存在形式及意义一般情况下为URL后"#"及其后面一部分组成，如http://www.test.com/#/something

Garrettzxd·2020-08-11 02:35

vue-router.js，入门案例

理解vue-router的几个简单的概念定义路由组件创建router实例，并定义导航和组件的映射创建vue实例，注入路由routerdemo可直接复制粘贴使用，自行下载vue-router.jsvue-router-little-demo

Agrass啊草·2020-08-10 22:58

浅析-vue.js

学习目标会创建Vue实例，知道Vue的常见属性会使用Vue的生命周期的钩子函数会使用vue常见指令会使用vue计算属性和watch监控会编写Vue组件掌握组件间通信了解vue-router使用了解webpack

南方有雨Ya·2020-08-10 20:21

vue动态路由和子路由的使用

小手动起来：首先我们配置router的入口文件（index.js文件）importVuefrom'vue'importVueRouterfrom'vue-router'Vue.use(VueRouter

居居侠从0到1故事·2020-08-10 15:04

9 个实验 + 3 个项目，带你入门 Vue.js 3 ！

与其他框架相比，Vue更加轻便简洁，它自身拥有开箱即用的生态开发包（Vuex,Vue-Router）等，复杂性低、学习成本低，是一门比较好入门的前端框架。4月16

实验楼v·2020-08-10 14:17

【前端路由】Vue-router 中hash模式和history模式的区别

咱们今天说说VUE路由的hash模式与history模式的区别，这个也是面试常问的问题，不要小看这道题其实问到这里的时候那个面试官应该是个大牛，开发经验丰富，这个题其实就是考验你的开发经验是否属实。咱们来看看小白的回答。小白回答：hash模式url带#号，history模式不带#号。回答总结：这个回答其实和没有回答是一样，百度一下都知道了，官网文档也有，如果这样回答就能通过，那么那个面试官问这个问

黑子Kuroko·2020-08-10 09:54

Spring Boot Vue Element入门实战（九）router路由配置

如有问题请联系QQ509961766由于Vue在开发时对路由支持的不足，于是官方补充了vue-router插件。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。

老王搞BUG·2020-08-10 07:52

vue（7）—— 组件化开发 — webpack（1）

引子在研究完前面的vue开发后，其实已经可以自己开发点东西了，靠前面的指令集，组件，还有vue-router，还有异步请求这些知识点，是完全可以开发出来的，完全可以达到时下前后端分离的效果。

dingyu6453·2020-08-10 06:38

Vue 中用到的概念

（2）vue-router：Vue提供的前端路由工具，利用其我们实现页面的路由控制，局部刷新及按需加载，构建单页应用，实现前后端分离。

追梦梦·2020-08-10 04:56

Vue全家桶都包括些什么？

Vue有著名的全家桶系列，包含了vue-router（http://router.vuejs.org），vuex（http://vuex.vuejs.org），vue-resource（https://

叁叁肆肆·2020-08-10 04:30

vue全家桶和react全家桶

vue全家桶：vue（整体架构）+ vuex（状态管理）+ vue-router（路由）+ vue_resource||axios（ajax请求）+ mint-UI(移动端UI框架库)||antd-vue

超级吴小迪·2020-08-10 04:12

vue项目首页加载速度优化

1:针对第三方js库的优化我们项目里用到的第三方js库主要有：vue,vue-router,vuex,axio,我们还用到了qiniu。

weixin_33950035·2020-08-10 03:42

vue-router路由（概念、作用、安装、示例）

一、vue-router概念：这里的路由并不是指我们平时所说的硬件路由器，这里的路由就是SPA（singlepageapplication单页应用）的路径管理器。

艾艾猫dori·2020-08-09 22:19

Vue.js教程-Vue-router

Vue.js教程-Vue-router路由什么是路由后端路由阶段前端路由阶段url的两种模式hashhistoryVue-router介绍安装Vue-router使用router路由跳转嵌套路由router

CoderHqf·2020-08-09 20:09

vue-router路由动态传参query和params

1.query方式传参和接收参数//路由{path:'/detail',//这里不需要参入参数name:"detail",component:()=>import('@/views/login/index.vue'}使用：方法1：点击按钮方法2：点击按钮方法3：this.$router.push({name:'details',query:{id:123}})方法4：this.$router.pu

凌度.·2020-08-09 20:23

记一个vue-router点击重复路由的错误

最近项目在sentry上看到一些重复点击路由的错误。很多网站左侧是菜单栏，但是重复点击会在看到如下的错误报下面的异常。NavigationDuplicated{_name:"NavigationDuplicated",name:"NavigationDuplicated",message:"Navigatingtocurrentlocation("/crm/agent-account")isnot

斗笔程序猿·2020-08-09 19:12

Spring Boot+Vue前后端分离商城实战（十二）Vue 前端路由介绍

Vue-Router是什么简介单页面开发模式的路由全权交由前端来控制，这里的路由不是我们说的路由器等硬件设备，它是前端的路径管理器。

十三的博客·2020-08-09 19:14

vue-router路由元信息解惑

在看vue-router的时候，相信很多初学者都有一定的困惑，而文档上虽然给了代码，但是很多初学者可能会出现理解困难，今天就让小编来为大家讨论下vue-router路由元信息这个模块！

小鬼难缠·2020-08-09 16:36

vue路由介绍，命名路由，嵌套路由，命名视图

技术交流群：365814763路由，对于大多数单页面应用，都推荐使用官方支持的vue-router库。更多细节可以看vue-router文档https://router.vuejs.org/。

伏月又九·2020-08-09 16:12

vue前端框架面试问题汇总，附答案

答：vue-router模块的router-link组件。2、怎么定义vue-router的动态路由？怎么获取传过来的动态参数？1、active-class是哪个组件的属性？嵌套路由怎么定义？

輕描淡寫以後的以後·2020-08-09 16:27

VUE项目打包发到Docker二次刷新页面报404错误问题解决

错误，但页面显示正常，在退出登录后，跳转到404页面，便这个404页面是nginx缺省的，并不是自己vue项目的，参考网上资料后搞定了此问题，特此记录：一、原因刷新页面时访问的资源在服务端找不到，因为vue-router

海盐老伍·2020-08-09 15:03

vue-router的基本使用

TitleVue.use(VueRouter);varLogin={template:`登录页面`};varRegister={template:`注册页面`};varrouter=newVueRouter({//配置路由对象routes:[//路由匹配规则{path:"/login",component:Login},{path:"/register",component:Register}]}

2B青年弹棉花·2020-08-09 15:53

(精华2020年5月14日更新) vue实战篇 vue-router动态路由的实现权限控制

router.jsimportVuefrom"vue";importVueRouterfrom"vue-router";Vue.use(VueRouter);importhomefrom'..

2b勿扰·2020-08-09 14:24

vue-router中，require代替import解决vue项目首页加载时间过久的问题

原因：vue的路由配置文件(routers.js)，一般使用import引入的写法，当项目打包时路由里的所有component都会打包在一个js中，在项目刚进入首页的时候，就会加载所有的组件，所以导致首页加载较慢，而用require会将component分别打包成不同的js，按需加载，访问此路由时才会加载这个js，所以就避免进入首页时加载内容过多。require:运行时调用，理论上可以运用在代码的

Jusme_wx·2020-08-09 14:43

vue-router 通过路由来实现切换头部标题

在做单页面应用程序时，一般页面布局头尾两块都是固定在布局页面，中间为是路由入口。这时访问页面时头部标题不会变，该问题的解决方案如下：通过采用组件内路由卫士(beforeRouterEnter、beforeRouterUpdate)与路由元信息(meta)来实现更新头部标题信息。点击查看文档beforeRouterEnter：第一次进入时调用。beforeRouterUpdate：重复使用当前组件时

weixin_34265814·2020-08-09 14:53

如何用vue-router为每个路由配置各自的title

使用Vue-Router的方法首先打开/src/router/index.js文件。找到如下代码。constvueRouter=newRouter({routes,mode:'hist

weixin_33670786·2020-08-09 14:30

vue-router 路由的用法（分享页面的重定向、动态设置title）

动态设置页面的title原理：在路由定义的时候在meta里面设置一个title，然后用路由守卫的钩子事件动态替换页面的title。代码：//定义路由constroute=[{path:'/',component:home,meta:{index:0,title:'首页'}},{path:'/issue',component:issue,children:[{path:'',component:co

weixin_30483013·2020-08-09 13:20

router-view 的理解

你可以router-view当做是一个容器，它渲染的组件是你使用vue-router指定的。

webbingWing·2020-08-09 13:09

webpack优化

newSpeedMeasurePlugin()configureWebpack:smp.wrap({})1、对于一些静态资源进行cdn加载vue.config.jsexternals:{vue:'Vue','vue-router

ttn456456·2020-08-09 12:22

推荐频道

Vue-router