Vue-router 第69页

vue-router学习思维导图

vue-router学习思维导图此图包含vue-router所有基本知识点，建立思维导图有助于记忆相关理论知识并且形成知识体系

BenjaminShih·2020-09-11 10:37

Vue-router 里 import 动态导入模块报错

router里import报错importVuefrom'vue'importRouterfrom'vue-router'Vue.use(Router)exportdefaultnewRouter({routes

learning_H·2020-09-11 09:17

基础：vue-router实现子路由

//例子一index.jsimportVuefrom'vue'importRouterfrom'vue-router'importHelloWorldfrom'@/components/HelloWorld'importFirstfrom

前端可以很好玩·2020-09-11 09:57

vue-router 学习笔记

安装npminstallvue-router--save起步Javascript:importvuefrom'vue';importvueRouterfrom'vue-router';vue.use(vueRouter

sunshine_hz·2020-09-11 09:55

vue-router使用看着篇就够了

官网地址：https://router.vuejs.org/zh/先来个自我介绍吧，我就是你们口中的路由，我的作用就是告诉你们怎么到达某地，比如你想去一个地方（前提是这个地方是已经存在的）我会查询我的路线图（路由配置）告诉你怎么过去。明白了吧，我的作用就是给你们导航的，有了我的存在，你们不用在详细的记住每一条路线图，只需要记住要去的目的地名字就行了，至于怎么过去，那是我的事，你就不用操心了，完全按

李古拉雷·2020-09-11 08:30

vue-router实现单页面路由原理

本文参考总结于：1、vue-router原理分析-https://www.cnblogs.com/yanze/p/7644631.html2、location.hash详解-http://blog.csdn.net

张三少·2020-09-11 08:00

vue-router底层实现原理

包括router-link、router-view两个组件，其中router-link用于实现跳转，router-view用于展示视图vue-router的两种模式hash模式hash模式背后的原理是onhashchange

chenzeze0707·2020-09-11 08:36

vue-router 的使用和实现原理

面试的时候被问到过,在网上看到的一篇博客讲解,方便自己学习前端路由是直接找到与地址匹配的一个组件或对象并将其渲染出来。改变浏览器地址而不向服务器发出请求有两种方式:1.一种是#hash2.一种是h5的history当打包构建应用时，Javascript包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。利用Vue.

charismajae·2020-09-11 08:56

(精华)2020年7月14日 vue vue-router动态路由的实现权限控制

一、addRoutes权限控制场景：对登陆成功后的用户可能会有不同的身份权限，看到的系统菜单以及功能不一样，这个时候需要用到动态路由的方式来处理路由结构：|—initRoutes默认是可以看到的路由,是所有用户都可以看到的路由菜单|—asyncRouetes需要登陆后确认权限才能看到的路由1.1初始路由initRoutesimportVuefrom"vue";importVueRouterfrom

愚公搬代码·2020-09-11 08:17

(精华2020年5月8日更新) vue教程篇 vue-router路由的权限控制

权限控制-filters.active{font-size:20px;color:#ff7300;text-decoration:none;}.main-menua{display:inline-block;margin-right:10px;}主页用户财务信息-->{{item.meta.title}}{{item.meta.title}}-->添加路由替换路由用户信息用户登陆用户注册用户注册v

2b勿扰·2020-09-11 07:52

Vue-Router 跳转刷新页面 Params参数丢失问题！

前言关于vue-router的数据丢失问题，很多博主进行了解答。vue-router的跳转传参方式分为query和params俩种。

Sunflower812·2020-09-11 07:37

弄懂vue-router的实现原理

官网文档，…,下面这种路由表的写法比较优雅，我把路由单独写在一个文件routes.js.router／routes.js文件代码constroutes=[{path:'/',redirect:'/recommend'},{path:'/recommend',component:()=>import('../components/recommend/view.vue')},{path:'/singe

一晌贪欢i·2020-09-11 07:33

Weex APP 路由方案调研

一背景对用户端app进行weex框架更改二解决方案目前主流的解决方案有三种1使用vue-router实现跳转只有一个Activity容器，页面跳转逻辑都通过vue-router来实现。

三眼卡夫卡·2020-09-11 06:19

VUE的简单介绍与学习

二、vue的全家桶：vuevuex(状态管理)vue-router(路由)axiosvue

留白声·2020-09-11 05:25

一张思维导图辅助你深入了解 Vue | Vue-Router | Vuex 源码架构

一张思维导图辅助你深入了解Vue|Vue-Router|Vuex源码架构1.前言本文内容讲解的内容：一张思维导图辅助你深入了解Vue|Vue-Router|Vuex源码架构。

程序员一木·2020-09-11 04:13

vue router 报错：Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated"...}

问题（知其然）触发操作：在项目开发中，重复点击当前菜单路由会报错，报错不影响功能使用报错详情如下：原因（知其所以然）经过多方查找&实践，发现是vue-router的版本问题引起的。

励公子·2020-09-10 21:03

Vue-Router路由首次跳转页面空白,刷新页面又可以正常访问

背景最近项目过程中出现了一个奇怪的问题，当用户登入系统后部分路由首次跳转时会出现空白页面，但是在该页面上刷新又可以正常显示路由对应的页面。系统内包含用户、角色、菜单等管理模块，前端使用了动态路由问题复现系统内有两个角色，A1和A2A1角色包含P1、P2、P3页面的权限A2角色包含P1、P2、P3、P4、P5页面的权限当首次使用A1角色对应的用户登入系统时，侧边栏所有菜单都可以正常访问此时退出A1角

稳健的一休哥·2020-09-10 20:49

vue-router中Cannot read property 'push' of undefined的问题

方法1：在外部定义一个值指代Vue实例varself=this;this.$http.get("login",{params:data}).then(function(response){self.$router.push('index');}).catch(function(response){console.error(response);});方法2：使用ES6的箭头函数实现上下文穿透thi

余_小凡·2020-09-10 20:08

使用vue全家桶制作博客网站

本文将详细介绍使用vue全家桶制作的博客网站概述该项目是基于vue全家桶（vue、vue-router、vuex、vueSSR）开发的一套博客前台页面，主要功能包括首页显示、认证系统、文章管理、评论管理和点赞管理

weixin_34320159·2020-09-10 19:29

「从源码中学习」面试官都不知道的Vue题目答案

“vue-router路由模式有几种？”“谈谈你对keep-alive的了解？”“了解Vue2

weixin_34138139·2020-09-10 19:26

Vue+Express实现前后端分离

先说明一下缘由，因为自己前段时间在实习，实习期间为了参与项目开发，粗略学习了下Vue、Vuex、Vue-Router，大致会一些基础的。

weixin_30279751·2020-09-10 18:10

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

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

ponGISer·2020-09-10 18:01

vue-cli利用nodejs中的express来运行打包后的vue-cli完成的项目(已解决vue-router的history模式)

我们在利用vue脚手架(vue-cli)开发vue的项目时，在开发完毕是需要执行打包命令(npmrunbuild)进行打包，打包后默认生成一个新的文件夹dist，项目的所有前端文件都在这个文件里面。这个时候如果我们需要以本地服务打开这个文件的时候，可以利用其它软件进行打开，比如phpstudy、xampp之类的软件开启本地服务端口(http://127.0.0.1或者http://localhos

奔跑的IT小白·2020-09-10 17:48

vue-router promise问题

最近在项目中使用element发现了一个bug侧边栏list点击没问题如果在这个点击页面在点击一次router-link就会报错但是不影响功能去你引用vue-router的页面添加一段代码constoriginalPush

孤独与生俱来·2020-09-10 17:53

vue2.0中关于active-class

vue2.0中关于active-class一、active-class是什么，active-class是vue-router模块的router-link组件中的属性，用来做选中样式的切换；官方文档：https

yo_yo_花花·2020-09-10 16:29

vue上传图片组件

主要依赖说明（先安装，步骤略）{"element-ui":"2.11.1","vue":"^2.6.10","vue-router":"^3.0.1"}正文1.组件src/components/Upload.vue

xiao_fei_blog·2020-09-10 16:11

vue-router使用history的配置问题

vue-router官方资料说需要服务器端配置支持，在node中也就是需要个connect-history-api-fallback的中间件。而后，悻悻的配置了hist

文甜心·2020-09-10 16:57

81道经典Vue试题总结

本文档基于vue-cli技术栈总结了vue-cli工程vue.js核心知识vue-router路由vuex状态管理器axios等http请求移动端适配Tab切换等常用功能vue与原生app混合交互vue

qq_27628085·2020-09-10 16:00

（原创）vue-router的Import() 异步加载模块问题的解决方案

关注不迷路，如果解决了问题，留下个赞。1、问题现象2、出现问题的代码点3、替代方案：把import()替换成如下：Promise.resolve().then(()=>require(`@/views/${str}`))4、原因分析项目在编译时，出现一个警告这个警告的含义：require接收了一个变量，会报上面的警告，接收一个写死的字符串值时则没有警告！我们通过控制台查看到import()对应编译

raysonfang·2020-09-10 13:24

vue环境搭建vue-cli,vue-router,webpack

1.新建一个项目存放文件夹2.打开cmd进到项目文件夹3.输入node-v前提你装了node4.输入npminstall-gvue-cli5.输入vue6.输入vuelist7.输入vueinitwebpacksell（项目名）8.输入npminstall9.输入npmrundev10.问题提示npm版本不是3.0解决办法：输入npminstall-gnpm11.输入npmrundev

我是滑稽帝滑滑稽·2020-09-10 12:51

Vue-router嵌套路由的使用

路由使用的时候需要设置路由的路径：ewRouter({//mode:'abstract',routes:[{path:'/top',component:Top},{path:'/new',component:New},{path:'/',redirect:'/top'}]})然后设置路由要渲染的标签：exportdefault{methods:{back:function(){this.$rout

Burnner·2020-09-10 12:53

vue2全家桶+koa2+mongodb搭建一个简单伪全栈博客

基于vue2/vuex/vue-router/koa2/mongodb搭建的简易伪全栈博客（依赖vue-cli脚手架）AsimplefullstackblogFrontEn

weixin_34357962·2020-09-10 10:55

Vue-Router升级导致的Uncaught (in promise)问题（亲测有效）

在升级了Vue-Router版本到到3.1.0及以上之后，页面在跳转路由控制台会报Uncaught(inpromise)的问题这是什么原因呢？

钟长森·2020-09-10 10:10

项目上线Bug之Uncaught SyntaxError: Unexpected token ‘!‘

模块报错环境:为了解决重复定义路由问题,在packge.json中删除了定义的router路由版本,并删除router的依赖包导致报错解决方案:重新安装router依赖包,无论线上线下都采用引入方式的vue-router

前端路上卖烤山药·2020-09-10 09:59

项目打包优化上线Uncaught TypeError: Cannot redefine property: $router

报错原因:在项目中安装了vue-router的依赖并且用Vue.use()挂载了vue-router路由，又在index.html页面引入了vue-router.js文件,导致的报错。

前端路上卖烤山药·2020-09-10 09:59

Vue页面跳转传递参数及接收方式

典型应用场景：列表页跳转到详情页一、配置路由文件路径：src/router/config.phpimportVuefrom'vue'importRouterfrom'vue-router'importclassifyfrom

·2020-09-09 17:21

Vue 随笔 -- Vue CLI

Vue随笔--VueCLIVue-cli介绍Vue-cli安装Vue-cli使用项目开发总结Vue-cli介绍Vue项目开发全家桶，使用webpack进行打包构建部署等，可以配置vue-router、vuex

快乐的糖糖·2020-09-08 22:31

2020-09-05

Redirectedwhengoingfrom"/xxx"to"/yyy"viaanavigationguard.报错JavaScript天下第一关注0.0682020.08.0710:05:20字数95阅读228解决方式：1.对vue-router

向南sss·2020-09-07 12:20

VUE学习随笔

安装文件目录打包指令5、VueCLI安装目录结构详解6、vue-router路由发展URL的hashHTML5的history模式：pushStatevue-router使用vue-router的步骤:

perwhy_wang·2020-09-07 10:54

Vue3.0语法总结

status-beta那么首先，我们先简单看一下Vue发布版本的过程：Alpha-Beta-RC-正式vue经历RC阶段才会有正式版本能用，大家不要过于着急，目前尤大正在全力开发配套基础功能，比如脚手架、vue-router

裘马轻狂大帅·2020-09-06 10:02

vue-router 路由

组件化之后才能路由化（一定要先安装路由）单页面路由封装router.jsimportVuefrom'vue'importRouterfrom'vue-router'importhomefrom'.

Cissy_fba3·2020-09-06 00:27

Vue的vue-router路由导航守卫及其解析

导航守卫一、什么叫导航？导航就是路由正在发生变化二、导航守卫、路由守卫、路由的钩子函数在路由发生变化时会自动触发的一些函数三、守卫有哪些一、全局守卫（通过newVueRouter()生成的这个实例对象去使用）1.全局前置守卫beforeEachrouter.beforeEach((to,from,next)=>{})2.全局后置守卫afterEachrouter.afterEach((to,fro

xiaoxicccc·2020-09-04 11:07

学习Vue3.0，先从搭建环境开始

这是小编关于Vue3.0系列文章的第二篇，本文将带您从零搭建一个基于Vue3.0与vite的Vue3.0开发环境，通过本文的学习，你将学习到以下内容：使用vite初始化Vue3.0项目配置ts配置vue-router

大前端圈·2020-09-01 08:00

Vue-Router学习笔记-（黑马视频）

一，基本概念与原理也就是说，后端路由就是之前学习的写服务器端的代码：//post请求参数的获取app.post('/add',(req,res)=>{//接收post请求参数,res.send(req.body)})//get请求参数的获取app.get('/index',(req,res)=>{res.send(req.query)})也就是说后端渲染存在性能问题，只能支持页面全局渲染更新，于是

笑道三千·2020-08-31 00:02

vue.js的路由配置

vue.js招聘管理企业管理的页面优化招聘管理的页面优化文章管理路由vue-router初始化工程页面逻辑结构分析自定义路由动态路由嵌套路由招聘管理企业管理的页面优化对话框http://保存关闭图片上传的

隔叶听风·2020-08-30 11:56

路由 vue-router 路由守卫路由重定向路由嵌套路由守卫路由命名路由懒加载

VueRouter是Vue.js官方的路由管理器。它和Vue.js的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有：嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于Vue.js过渡系统的视图过渡效果细粒度的导航控制带有自动激活的CSSclass的链接HTML5历史模式或hash模式，在IE9中自动降级自定义的滚动条行为1.基本使用(1)安装①初始化项目时选择安装v

前端小白·2020-08-28 20:03

Vue.js快速进门

Vue的核心库只关注视图层，易于上手，还便于与第三方库（如：vue-router：跳转，vue-resource：通信，vuex：管理）或既有项目整合。

UnityAlvin·2020-08-27 22:42

vue-router路由一次踩坑

最近在追加路由时，由于疏忽，写漏东西了，在此记录下来，以此为鉴：1、父组件manage.vue、注意追加addshopaddgoodsexportdefault{name:'manage',data(){return{msg:'欢迎来到manage空间'}}}2、子组件addgoods.vue{{msg}}exportdefault{name:'addgoods',data(){return{ms

姚华军·2020-08-26 08:00

vue打包上传到服务器加载慢的优化

项目打包后加载时间及大小1.下图为vender.js加载时间，会发现vebder.js大小将近250k，加载时间蓝条很长解决方式我同时用了两种解决方式，来减少vender.js的大小1.路由懒加载vue-router

梨子社区·2020-08-26 08:42

Vue——项目部署到非根目录下的解决方案

：vue-router:history模式内网环境：192.168.1.1:8080/index.html外网环境：domain.com/ttsd/index.html由于开发出来的项目是要部署在客户方

STZG·2020-08-26 08:27

推荐频道

Vue-router