vue-router

vue-router

vue-routervue-router是vue.js的官方路由管理器.它和vue.js核心深度集成.让构建单页面应用易如反掌使用步骤(1)安装vueaddrouter(2)使用vue-router插件
lolo·2020-10-09 19:57

VueRouter源码分析

感谢funfish,玩弄心里的鬼,Vue.js技术揭秘的文章，对我的帮助前言vue-router的源码不算很多,但是内容也不算少。本文谈不上逐行分析,但是会尽量详尽的说明主流程和原理。
张越·2020-10-09 19:23

多个vue项目共用方法但分组打包

在使用vue-cli搭建项目时,我们选用vue-router不使用ESLint规范,使用e2e和test自动单元测试,emmm如果你只选用vue-router其他都不使用会踩坑本文参考!
有风吹是幸福的·2020-10-09 16:10

vue 首次加载缓慢/刷新后加载缓慢 原因及解决方案_个人文章 - SegmentFault 思否

在开发环境则非常流畅,几乎感觉不到,本文参考望山的各种方案优化1,关闭打包时生成的map文件在config/index.js文件中讲productionSourceMap设置为false,再次打包便没有了map文件2,vue-router
·2020-10-09 16:00

Avoided redundant navigation to current location

1958Uncaught(inpromise)NavigationDuplicated:Avoidedredundantnavigationtocurrentlocation:"/Home".在网上找了半天，几乎都是说Vue-router
Star_陈·2020-10-09 13:12

前端培训-中级阶段（40）- vue 2.x 路由 vue-router

单页应用的话，我们主要还是要依赖Vue-router来实现路由系统。今天我们来看看vue-router日常使用的内容。之前我们有一些系统是用vue-element-
linong·2020-10-09 12:24

Vue-router路由

菜菜菜鸟日记—Vue-router路由机制（嵌套子菜单实例）一.了解Vue-router1.vue-router是vue的一个插件，需要安装使用。将不同的url对应不同的组件，比较适合单页面开发。
cheng今天好好睡觉了吗·2020-10-09 11:01

vue 手写一个vue-router

1.准备好环境使用vue/cil初始化项目配置：npminstall-g@vue/cli//全局安装@vue/clivuecreatedemo-vue//创建项目yarnaddvue-router安装vue-router
舜岳·2020-10-04 21:14

Vue路由Hash模式分析

Vue路由Hash模式分析Vue-router是Vue的核心组件，主要是作为Vue的路由管理器，Vue-router默认hash模式，即使用URL的Hash来模拟一个完整的URL，当URL改变时页面不会重新加载
·2020-10-04 16:00

Vue router-link设置激活时的样式

即标签被激活的样式）方法使用router-link的exact-active-class属性，该属性设置当前标签被激活的样式代码router.jsimportVuefrom'vue'importRouterfrom'vue-router'importHomefrom
OSurer·2020-10-04 11:58

区分vue-router的hash和history模式

一、概念为了构建SPA（单页面应用），需要引入前端路由系统，这也就是Vue-Router存在的意义。前端路由的核心，就在于：改变视图的同时不会向后端发出请求。
·2020-10-03 11:43

vue-router四种参数传递

目录1.用name传参2.通过标签中的to传参3.利用url传参4.编程式导航中获取参数1.用name传参2.通过标签中的to传参index.js中name的值为hello2index.vue页面从index中点击：3.利用url传参点击去往：此时，如果不传参，页面将无法访问4.编程式导航中获取参数去往hi页面的name为hithis.$router.push({name:“hi”,params:
自律成就自由·2020-09-29 20:01

vue-router 路由模式有几种？

vue-router有3种路由模式：hash、history、abstract，对应的源码如下所示：switch(mode){case'history':this.history=newHTML5History
前端烂笔头·2020-09-27 21:50

vue路由案例详解

1.能够说出什么是路由2.能够说出前端路由的实现原理3.能够使用Vue-Router实现前端路由4.能够实现嵌套路由，动态路由5.能够实现命名路由以及编程式导航6.理解并实现后台管理案例1.路由的概念路由的本质就是一种对应关系
一晌贪欢i·2020-09-27 17:25

框架篇-Vue面试题2-说说vue-router路由模式

但希望能和您成为笔尖下的朋友以读书,技术,生活为主,偶尔撒点鸡汤不作,不敷衍,意在真诚吐露,用心分享点击左上方,可关注本刊标星公众号（ID：itclanCoder）如果不知道如何操作点击这里,标星不迷路vue-router
itclanCoder·2020-09-27 07:00

关于Vue-Router的那些事儿

文件中配置对应的组件和对应的路径主要的功能嵌套路由模块化的、基于组件的路由配置路由参数、查询、通配符视图过度效果细粒度的导航控制核心文件router中的index.js文件//引入vue框架importVuefrom'vue'//引入vue-router
「已注销」·2020-09-26 11:47

vue-router 路由&路由嵌套&跳转方法

十一、vue-router路由VueRouter是Vue.js官方的路由管理器（路径跳转）。它和Vue.js的核心深度集成，让构建单页面应用变得易如反掌。
是个厨子·2020-09-25 13:21

vue-router 控制路由权限的实现

注意：vue-router是无法完全控制前端路由权限。
·2020-09-24 11:05

vue-router路由模式有几种？

vue-router路由模式有几种？vue-router有3种路由模式：hash，history，adstract.hash:使用URLhash值来做路由。
lcj529·2020-09-22 20:23

vue学习笔记（二）

路由基础不同的路由对应不同的内容或者页面的任务，分配给前端使用6.1动态路由匹配6.1.1单个参数第一步：修改router目录下index.js文件importVuefrom'vue'importRouterfrom'vue-router'importVideoListfrom
南京郭大侠·2020-09-21 22:23

vue前端框架面试问题汇总

答：vue-router模块的router-link组件。2、怎么定义vue-router的动态路由？怎么获取传过来的动态参数？
积少成多_·2020-09-21 21:53

vue中路由跳转不计入history的操作

我就废话不多说了，大家还是直接看代码吧~在下个页面使用replace跳回来即可补充知识：vue-router模式为history的项目打包发布后不能通过地址栏里的地址进行路由跳转项目打包发布后不能通过地址栏里的地址进行路由跳转
·2020-09-21 17:56

vue-router手写、 vue-router原理

如果当前环境没有浏览器API，路由会自动进入这个模式我们在vue项目中，是怎么使用vue-router的呢？首先，要从npminstallvue
不停留·2020-09-21 15:02

vue-router 有哪几种导航守卫?

全局守卫路由独享守卫路由组件内的守卫全局守卫vue-router全局有三个守卫router.beforeEach全局前置守卫进入路由之前router.beforeResolve全局解析守卫(2.5.0+
LuckXinXin·2020-09-20 19:23

Vue 3.0 路由基本使用

路由基本使用下载Vue-Routernpminstallvue-router配置路由router/index.jsimportVueRouterfrom"vue-router"importVuefrom"vue"importHomefrom
冰（Icez）·2020-09-17 23:28

5分钟学会vue中的路由守卫(导航守卫)

vue-router提供了导航钩子:全局前置导航钩子beforeEach和全局后置导航钩子afterEach，他们会在路由即将改变前和改变后进行触发。
秋霜梦红尘·2020-09-17 14:00

5分钟学会vue中的路由守卫

vue-router提供了导航钩子:全局前置导航钩子beforeEach和全局后置导航钩子afterEach，他们会在路由即将改变前和改变后进行触发。
我不是费圆·2020-09-17 14:51

Vue的路由实现原理：hash模式 和 history模式

Vue的路由实现：hash模式和history模式hash模式(Vue-router默认)示例：hash模式优缺点history模式示例：history模式的优缺点：传统路由跟前端路由不同前端路由有两种模式
陈坚泓·2020-09-17 13:44

vue

在vue组件页面中，集成vue-router路由模块vue-router官网1.安装路由npmivue-router-S导入路由模块：importVueRouterfrom'vue-router'​安装路由模块
℡清欢·2020-09-17 09:31

Vue中报错Uncaught (in promise)解决方案

NavigationDuplicated{_name:"NavigationDuplicated",name:"NavigationDuplicated"}；解决方法一：经过多次尝试发现原因可能是在重新下载依赖包时，安装的vue-router
whyfail·2020-09-17 09:31

vue重复点击路由报错问题解决

inpromise)NavigationDuplicated:Avoidedredundantnavigationtocurrentlocation:“/ups”；/ups是路由相对路径解决方法：1.重新安装vue-router
HDdgut·2020-09-17 08:02

vue-router路由

vue-router路由VueRouter是Vue.js官方的路由管理器，和Vue.js的核心深度集成，让构建单页面应用变的易如反掌安装到项目目录下执行npminstallvue-router--save-dev–save-dev
sunqi1436·2020-09-17 05:49

从vue到elementUI项目（一）

项目的利器—脚手架vue-cli3详解安装node安装node创建项目CLI服务启动项目测试精简项目vue中组件间传值常用的几种方式(上)vue中组件间传值常用的几种方式(下)玩转单页面应用的控制中心—vue-router
每天看一遍，防止恋爱&&堕落·2020-09-17 02:44

vue-router 路由库

vue-router路由库一、第一个vue-router路由本节视频【视频】Vue渐进式JavaScript框架-VueRouter-第一个路由概述VueRouter是Vue.js官方的路由管理器。
湯神码·2020-09-17 01:35

Vue-后端开发快速入门

Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库（如：vue-router，vue-resource，vuex）或既有项
湯神码·2020-09-17 01:35

vue-router 静态路由

SPA（单页应用程序）只有一张Web页面的应用。单页应用程序(SPA)是加载单个HTML页面并在用户与应用程序交互时动态更新该页面的Web应用程序。浏览器一开始会加载必需的HTML、CSS和JavaScript，所有的操作都在这张页面上完成，都由JavaScript来控制。因此，对单页应用来说模块化的开发和设计显得相当重要。特点速度：更好的用户体验，让用户在webapp感受nativeapp的速度
好菜的程序媛·2020-09-17 00:37

Vue入门笔记

Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库(如:vue-router:跳转，vue-resource:通信，vuex:管理)或既有项目整合。
十分之九加九分之一·2020-09-17 00:00

vue 路由懒加载 resolve vue-router配置

vue路由懒加载resolve作用：如果用import引入的话，当项目打包时路由里的所有component都会打包在一个js中，造成进入首页时，需要加载的内容过多，时间相对比较长。当你用require这种方式引入的时候，会将你的component分别打包成不同的js，加载的时候也是按需加载，只用访问这个路由网址时才会加载这个js。你可以打包的时候看看目录结构就明白了。懒加载router/index
asteriaV·2020-09-16 22:02

vue-router Uncaught (in promise) NavigationDuplicated

//解决两次点击同一个路由importRouterfrom'vue-router'constoriginalPush=Router.prototype.pushRouter.prototype.push
jojo付啾啾·2020-09-16 22:37

Vue.js部分面试题及答案

答：vue-router模块的router-link组件。2、怎么定义vue-router的动态路由?怎么获取传过来的动态参数?
大灰狼的小绵羊哥哥·2020-09-16 22:58

报错Object are not valid as a React child (found:[object Promise]),if you meant to render a collection

//vue中importVuefrom'vue'importRouterfrom'vue-router'Vue.use(Router)exportdefaultnewRouter({mode:'histor
我叫你一声你敢答应吗！·2020-09-16 21:14

关于vue+router+webpack项目开发前期报错：找不到 module vue-router

这是报错Can'tresolve'vue-router(找不到路由模块)main.jsimportVuefrom'vue'importVueRouterfrom'vue-router';importAppfrom
DavidFFFFFF·2020-09-16 17:39

vue项目部署到服务器后，在子页面刷新出现404

router.vuejs.org/zh/guide/essentials/history-mode.html#%E5%90%8E%E7%AB%AF%E9%85%8D%E7%BD%AE%E4%BE%8B%E5%AD%90这是由于vue-router
chizhilei2440·2020-09-16 14:14

vue-router如何判断是从哪个路径跳转过来的？

有时我们需要分别对从不同的路径跳转过来的，进行不同的操作。在导航转入新的路由前获取。我们可以在接下来的组件的beforeRouteEnter守卫中获取数据，可以拿到from值，调用next方法进行函数处理。exportdefault{data(){return{a:true,}},beforeRouteEnter(to,from,next){console.log(to,form)//可以拿到fr
Beth zhao·2020-09-16 14:48

vue项目点击浏览器返回至指定页面

->D->E，但是这时候在E页面，点击浏览器返回的时候，希望到G页面，虽然听起来不太可能，或者直接在页面放一个按钮进行路由切换也是可以的，为什么一定是要按浏览器返回，但是事实确实存在；解决方案：思路在vue-router
雁菲子·2020-09-16 13:10

解决报错（Navigation cancelled from “/roleList“ to “/userlist“ with a new navigation.）

解决的方法：关于VueRouter报错路由跳转报错问题只需要在router中的index.js中写:importVuefrom‘vue’importVueRouterfrom‘vue-router’Vue.use
_仰望星空的你·2020-09-16 13:07

如何使用router-link对象方式传递参数？

效果图解说：A.点击选择【屈原“查看详情”】之前B.点击选择【屈原“查看详情”】之后要点总结：在vue-router中，有两大对象被挂载到了实例this；$route（只读、具备信息的对象）；$router
草巾冒小子·2020-09-16 12:13

在路由中添加了相同的路由。Navigating to current location (“/home/index“) is not allowed

Navigatingtocurrentlocation("/home/index")isnotallowed在src/router.js里面importRouterfrom'vue-router’下面写入下面方法即可
licuicui5201·2020-09-16 11:33

vue报错vue-router.esm.js?8c4f:2007 Uncaught (in promise) NavigationDuplicated

NavigationDuplicated{_name:"NavigationDuplicated",name:"NavigationDuplicated"}；错误截图：解决方法一：经过多次尝试发现原因可能是在重新下载依赖包时，安装的vue-router
yoyo--·2020-09-16 11:29

vue-router如何从详情页返回列表页时返回到上次滚动位置 方法集锦

方法一：1.在router.js里面（即路由文件中），此时模式为historyconstrouter=newVueRouter({mode:'history',routes,scrollBehavior(to,from,savedPosition){if(savedPosition){returnsavedPosition}else{if(from.meta.keepAlive){from.met
-Dayer-·2020-09-16 11:14
上一页 60 61 62 63 64 65 66 67 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他