Vue-Router

34、vue-router 中的导航钩子

vue-router的导航钩子，主要用来作用是拦截导航，让他完成跳转或取消。
world_7735·2020-07-30 05:27

Vue router页面加载进度条

nprogressrouter.jsimportVuefrom'vue'importRouterfrom'vue-router'importstorefrom'@/store'importNProgressfrom'nprogress
不爱吃面的北方人·2020-07-30 04:02

Vue中export和export default的区别和用法

Vue是通过webpack实现的模块化，因此可以使用import来引入模块，例如：importVuefrom'vue'importRouterfrom'vue-router'importutilfrom
不爱吃面的北方人·2020-07-30 04:02

动态Vue.js布局组件

动态Vue.js布局组件前言vue.js是渐进增强的视图库，可以作为.html页面部分使用，也可以结合vue-router、vuex、axios用来构建单页面或多页面应用。
weixin_33755554·2020-07-30 03:22

vue路由懒加载，babel-loader无法处理/使用 import

使用vue-router懒加载，代码如下：但是npmrundev的时候babel-loader报错如下：查阅各种资料终于解决。
weixin_30378623·2020-07-30 02:42

vue router 懒加载组件 访问页面时报错问题

8c4f:16[vue-router]Failedtoresolveasynccomponentdefault:ChunkLoadError:Loadingchunk5failed.处理方法：第一种：
unxeer·2020-07-30 02:08

vue中的路由及自定义图标

效果如图所示：安装vue-router：npminstallvue-router--save底部选项卡：使用的是：MUI中的tabbar(选项卡)下载mui:[mui](https://github.com
月季花开sky·2020-07-30 01:40

vue报错：Loading chunk * failed，vue-router懒加载出错问题。

在改一个项目的过程中，与到一个问题，route.push()的时候报错：Loadingchunk*failed。在网上找了一大堆解决办法，虽然没有直接的解决问题，但还是得到了一些启发。作者这里提供了三种解决方式：一、不用懒加载，直接使用组件importFoofrom"@/views/foo"constrouter=newVueRouter({routes:[{path:'/foo',compone
专业前端小白·2020-07-29 23:45

vue“路由懒加载” 技术，让网页快速加载 （优化篇）

官方文档：路与懒加载所谓的路由懒加载：代码示例·对比：1.没有优化的代码（截图1·省略）importVuefrom'vue'importVueRouterfrom'vue-router'importIndexfrom
草巾冒小子·2020-07-29 22:15

vue实现按需加载（懒加载）

具体操作只需要两步：1.router文件中使用importVuefrom'vue'importRouterfrom'vue-router'Vue.use(Router)constroutes=[{path
风吹云灭·2020-07-29 20:05

vue之路由懒加载，以及Loading chunk {n} failed解决方法

路由懒加载的目的，避免单页面应用一次性加载时间importVuefrom'vue';importRouterfrom'vue-router';Vue.use(Router);//路由配置letrouter
_freely·2020-07-29 19:28

系统学习大前端(10)---vue-router实现、模拟vue、VDOM实现原理

文章内容输出来源：拉勾教育大前端高薪训练营vue-router实现基本使用创建路由组件vue.use()注册vue-router注册router对象设置占位router-view创建链接router-link
柒月梦·2020-07-29 18:20

vue.js备忘记录(五) vue-router

如果我们采用SPA(单网页应用)的设计方式,服务器会把前端文件一次性发过来,前端通过监听url的改变,选择展示那些内容,也就是前端路由一.如何改变url但是页面不刷新?方式一:改变哈希值hash比如,我们随便找一个网页我们在浏览器控制台输入发现网站的url有了些改变查看network却没有任何请求方式二history模式的方法(1).history.pushState()压栈式比如,我们随便找一个
finedayforu·2020-07-29 18:55

vue.js部署404问题

type=1刷新页面时访问的资源在服务端找不到，因为vue-router设置的路径不是真实存在的路径。如上的404现象，是因为在nginx配置的根目录/Data/app/x
aoshi·2020-07-29 17:29

Vue项目中出现Loading chunk {n} failed问题的解决方法

由于项目里面用到了vue-router，vue-router的错误处理函数onError是不是能够捕获该错误呢？
Uncle_long·2020-07-29 16:29

Vue入门---电商项目

学习目标会创建Vue实例，知道Vue的常见属性会使用Vue的生命周期的钩子函数会使用vue常见指令会使用vue计算属性和watch监控会编写Vue组件掌握组件间通信了解vue-router使用0.前言前几天我们已经对后端的技术栈有了初步的了解
JunJunTech·2020-07-29 16:08

vue-router

而各个框架实现路由不尽相同，都有着各自独有的特点，不过路由最终的目的是殊途同归的，跳转页面，传递参数等，在此写个关于vue-router的文章，一是复习，二是加固对vue-router的认识vue-router
西洲何在·2020-07-29 16:07

Vue 解决Loading chunk (\d)+ failed问题

importVuefrom'vue';importRouterfrom'vue-router';//两种页面引入方式//方式1，将所有页面import进来，会打包成一个巨大的js,首页加载慢，后续页面加载快
Maximus_ckp·2020-07-29 15:49

前端面试题vue—(vue-router实现原理；Vue响应式原理；SPA路由history刷新404问题)

vue-router实现原理vue-router提供三种路由模式1.hash模式默认模式，通过路径中的hash值来控制路由跳转，不存在兼容问题hash模式实现原理在正常路径后跟一个#号，匹配#后边的路径为前端路由
0;·2020-07-29 15:56

vue-router ——从Vue.use到$route.push

今天来分析一下vue-router的部分源码，本篇主要分析hash模式的push。
景阳冈大虫在此·2020-07-29 15:09

vue-router URL里存在锚点导致不能再次跳转的可能解决办法

这个其实很好实现，vue-router的官方文档里已经给出了写法：constrouter=newVueRouter({routes:[...],scrollBehavior(to,from,savedPosition
元无心·2020-07-29 15:10

vue项目加载优化之懒加载，以及Loading chunk {n} failed解决方法

importVuefrom'vue'importRouterfrom'vue-router'Vue.use(Router)exportdefaultnewRouter({routes:[{path:'/
kuke_kuke·2020-07-29 14:32

大前端学习 -- 手写 Vue Router

手写VueRouter文章内容输出来源：拉勾教育大前端高薪训练营Vue-Router代码仓库地址：https://gitee.com/jiailing/lagou-fed/tree/master/fed-e-task
爱玲姐姐·2020-07-29 13:50

你应该知道的vue-router

一.什么是vue-router？ 路由是指单页应用的路径管理器，使得我们构建单页面应用变得更加容易。
我的名字豌豆·2020-07-29 13:06

vue-router 按需加载

/component/Login.vue')));但现在vue-router的官网看看，推荐这种方式：//vue异步组件和webpa
weixin_34148340·2020-07-29 12:21

Vue面试常见问题汇总以及参考链接

1、vue-router导航守卫参考链接https://blog.csdn.net/yiyueqinghui/article/details/1072915092、Vue源码可能会问到的问题参考链接https
一月清辉·2020-07-29 07:10

Vue前置守卫

router.beforeEach注册了一个全局前置守卫，每当通过vue-router跳转都会先执行这里，相当于过滤器.beforeEach接收3个参数to表示即将要进入的目标路由对象，from表示当前导航正要离开的路由
肖雅峰-Amos·2020-07-29 07:28

Vue——Vue-Router的push和replace方法[Uncaught (in promise) Error]解决方案

问题描述在升级了Vue-Router版本到到3.1.0及以上之后，页面在跳转路由控制台会报Uncaught(inpromise)Error的问题Vue更新日志https://github.com/vuejs
STZG·2020-07-29 07:19

vue登录管理

主要使用的技术vue、vuex、vue-router，在vue-router设置拦截守卫判断登录状态后给页面传递登录状态，页面拿到登录状态然后进行判断。
weixin_30393907·2020-07-29 06:35

Vue开发那些事——iview导入，使用，以及常见问题

ivew——$npminstalliview--save引入iView#一般在webpack入口页面main.js中如下配置：importVuefrom'vue';importVueRouterfrom'vue-router
一蓑烟雨_8a41·2020-07-29 05:08

Vue路由守卫

importVuefrom'vue';importRouterfrom'vue-router';importregindexfrom'@/pages/register/regindex';importuserauthentfrom
lihefei_coder·2020-07-29 05:39

你应该知道的vue-router

一.什么是vue-router？ 路由是指单页应用的路径管理器，使得我们构建单页面应用变得更加容易。
我的名字豌豆·2020-07-29 04:06

vue页面跳转拦截器

在路由管理页面添加meta字段importVuefrom'vue'importRouterfrom'vue-router'Vue.use(Router)constroutes=[{path:'/',name
zhangwenwu的前端小站·2020-07-29 02:54

Vue学习笔记（七）路由

对于大多数单页面应用，都推荐使用官方支持的vue-router库。
前端小黑·2020-07-29 02:17

Vue 问题笔记 vue-router单页面应用跳转路由时触发事件

在使用vue-router时，我们可以很方便地实现单页面应用，当我们想要跳转到“另一个页面”的时候，只要调用vue-routerAPI中的方法，传入相应的路由作为参数即可。
前端小黑·2020-07-29 02:17

路由

http://jsfiddle.net/yyx990803/xgrjzsup/建立路由引入vue.js及vue-router（npm方式）imporvuefrom‘vue’importvueRouterfrom
树袋熊熊·2020-07-29 01:29

Vue2.0路由篇之路由跳转的一个小问题

Vue2.0路由篇之路由跳转的一个小问题Vue2.0路由篇之路由跳转的一个小问题需求分析实现过程遇到问题解决过程心得体会本文涉及到的知识点有Vue(v2.5.3)、vue-router(v3.0.1)、
xinlei_ye·2020-07-29 00:24

Vue-详解设置路由导航的两种方法

例如：router.js:importVuefrom'vue'importRouterfrom'vue-router'importHelloWorldfrom'@/components/HelloWorld'importLoginfrom
猫老板的豆·2020-07-29 00:11

Vue中的刷新的几种方法

2.遇到的问题1.用vue-router重新路由到当前页面，页面是不进行刷新的2.采用window.reload()，或者router.go(0)刷新时，整个浏览器进行了重新加载，闪烁，体验不好3.解决方法
天龙至尊·2020-07-28 23:00

Vue路由设置 个人总结

搭配食用接下来这篇文章只是用来整理我所看教程的总结1、路由在index.js控制路由，在里面引入组件，配置路由参数//引入将要在路由使用的组件importVuefrom'vue'importRouterfrom'vue-router'importTestfrom
Akiode·2020-07-28 21:01

vue路由

如果没有则使用npm安装npminstallvue-router--save-dev路由文件（如果使用cli安装自动生成）importVuefrom'vue'//引入VueimportRouterfrom'vue-router
llaaakk·2020-07-28 21:34

饿了么--vue项目总结

1.流程及开发方法：组件化、模块化的开发模式学会模拟json后端数据，前后端分离开发了解webpack的打包原理2.第三方组件学会使用vue-router开发单页应用学会使用vue-resource与后端数据交互学会如何在
七元八角oooo·2020-07-28 20:57

vue-router

这次在创建的时候,是没有router文件夹的,router文件夹和index.js文件是自己创建的1.安装cnpmivue-router-S2.在main.js中引用importrouterfrom"vue-router"Vue.use
zy懒人漫游·2020-07-28 20:58

详解vue-router 中的导航钩子

vue-router的导航钩子，主要用来作用是拦截导航，让他完成跳转或取消。
神圣光·2020-07-28 20:08

vue-router完整的导航解析流程以及导航守卫详解

什么是导航守卫vue-router提供的导航守卫主要用来通过跳转或取消的方式守卫导航。通俗点讲就是一个拦截器。
Miofly·2020-07-28 20:55

2018年前端浅谈

2017年Vue继续蝉联冠军，这可能也跟中国的前端人员开发数量有关首先，它学习曲线平缓，使用了与React相似语法更让WEB开发者熟悉的组件方案；发展良好的生态圈，社区中涌现出事实上的官方标准库：路由vue-router
weixin_36944932·2020-07-28 20:56

vue首屏加载优化-2

构建优化这一步并没有对项目产出的文件进行什么优化.而是优化了构建速度.DllPlugin预编译模块.有点像android开发中的libModule,或者iOS的framework.我们可以对项目中用到的vue,vue-router
MrZac_·2020-07-28 19:06

4、vue-router之什么是嵌套路由

上一次给大家简单说了下什么是动态路由现在我们来讲讲嵌套路由。GitHub：https://github.com/Ewall1106/mall1.嵌套路由的使用场景是什么呢？大家都知道选项卡，在选项卡中，顶部有数个导航栏，中间的主体显示的是内容；这个时候，整个页面是一个路由，然后点击选项卡切换不同的路由来展示不同的内容，这个时候就是路由中嵌套路由。2.具体是怎么实现的？①为了演示，我们现在view文
Ewall_熊猫·2020-07-28 18:23

你也许不知道的Vuejs - 最佳实践(1)

有了前面文章的铺垫，相信一路看过来的新手的你开发一个中型的Vuejs应用已经不在话下，包括Vuejs生态核心工具（vue-router，vuex）的使用也不成问题。
weixin_34050519·2020-07-28 18:51

在vue中实现禁止回退上一步,路由不存历史记录

（vue的项目，vue-router中不想存历史记录）根据vue官网提供的，楼主总结了一下，主要有以下几种方案：根据官网的解释。
·2020-07-28 16:18
上一页 85 86 87 88 89 90 91 92 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他