vue路由当中的导航钩子中关于next这个方法的描述应该如何理解?
2018-05-30 12:04
549 查看
之前写的一篇文章,里面有具体demo作解释,参考一下vue.js路由vue-router(二)——路由进阶在这里我用通俗点的说法解释上
next(),
next(false),
next('/'),
next(error),希望通过这接地气的解释你能掌握这几个知识点。
背景:你乘坐汽车从A景区想赶往B景区(模拟路由A跳转到路由B)
1.next()
你乘坐汽车要从A景区到B景区,路过关卡时,守门人拦下你,你量出了next(),守门人一看没问题,赶紧放行,于是你顺利到达了B景区。
2.next(false)
如果你量出了next(false),守门人立马关住大门,不让你走,哪都不让你去,你说想换个交通方式,走路或者坐飞机,都不行,老实待在A景区吧
3.next('/')
你原本打算从A景区到B景区,但是走到关卡的时候由于某些原因改变了主意,想要去C景区,你对守门员量出了next({path:'/C'}),守门员一看,哦,原来你不去B了,要去C啊,去吧去吧,然后你顺利到达了C景区
4.next(error)
你在出发之前,给你妈妈说,妈,要是有什么事我立马通知你,你记得查看消息啊(你注册了router.onError())走到中途,出现了意外,你发出next(error),然后你妈就收到了消息,赶紧打电话问你怎么了(执行router.onError()里的回调)
tips:最重要的是自己要吃透文档,如果一遍不懂再看一遍,再不懂就自己写demo去实践
阅读更多相关文章推荐
- 深入理解vue2.0路由如何配置问题
- vue 挂载路由到头部导航的方法
- 理解 backbone.js 中的 bind 和 bindAll 方法,关于如何在方法中指定其中的 this,包含apply方法的说明[转载]
- 如何理解Vue的v-model指令的使用方法
- vue移动端iso 利用钩子里面的导航守卫beforeRouteLeave实现返回按钮不返回上一次路由,返回到自己指定的路由
- vue-router 导航钩子的具体使用方法
- 关于php中反射类的简单理解:如何拿到一个类的所有方法(public+protected+private)
- 详解Vue的钩子函数(路由导航守卫、keep-alive、生命周期钩子)
- 关于好多继承的问题,我们应该如何去理解
- [转]关于GI/IR(我想理解这个应该具备一定财务知识才行)
- Backbone路由添加类似vue-router导航钩子
- 理解 backbone.js 中的 bind 和 bindAll 方法,关于如何在方法中指定其中的
- MediaPlayer类可用于控制音频/视频文件或流的播放。关于如何使用这个类的方法还可以阅读VideoView类的文档。
- java代码:new 类名(){方法定义}应该如何理解?
- VUE 关于理解$nextTick()的问题
- 编译原理学习笔记·关于四种文法的理解以及 如何根据语言描述给出正则式或相应文法
- 关于在适配器中更新ui的方法(写这个东西只是为了自己理解,不要看,大家看不懂)
- HashCode如何理解?关于hashcode方法和HashSet类
- *关于如何获取指定表的指定字段的数据类型的方法
- 应该如何理解Web2.0标准