博客
关于我
vue 复习02
阅读量:151 次
发布时间:2019-02-28

本文共 868 字,大约阅读时间需要 2 分钟。

再继续讲路由守卫之前,我们来看下,路由通过query 传递参数以及如何接受参数

顾名思义 query写法和我们传统写法一样,大概这个样子

www.xxx.com?t= a & mod = forum &ac = index

我们重点要拿到? 后面的,而问号后面的我们统成为query

是不是很简单,简单的东西,我们必须要拿下

——————————————————————————————________

在继续我们的守卫之前,我们来回顾下上一节中,我给大家推荐了 开课吧8 期

很幸运,技术飞速发展,开课吧第九期也来了

有兴趣的伙伴可以去看看

我们搞大前端的得永远接受新知识,与时俱进,开拓创新,不停的学习和进步

——————————————————————————————————————————————

行,说了那么多废话,我们还是得回到 我们的 路由守卫,路由守卫有全局的守卫,还有

其中我个人认为有用的就是第3个

就是可以监听路由信息的变化, 这个很不错

为啥这个有用呢 ,我得细致讲下

当我们修改 pages/xx 中 XXX 值的时候, 此时Page组件是不会 重新的创建的, 它只是说,id 发生了变化,这个时候

加入有个需求,根据 id 的变化,而显示不同的信息,此时无论你咋都不能及时的跟着变化

这个时候解决方法就是 用wath 写法

哇,好多,莫着急,我们慢慢看,愚公移山

而我们上面的 beforeRouteUpdate 可以代替它

——————————————————————————————————————————

我们再看看哪个路由守卫有用

我发现第4个好像有用,我们去试试看(实践是检验这里的唯一标准) 

测试下效果

 

其它就不看了,以后用到,再来消灭掉

工作就是斗争,斗争就是消灭一个一个困难,我们就是消灭一个个知识点, 掌握业务开发基本的工具

——————————————————————

总结, 守卫就是拦截器

可以全局拦截,可以在一个 路由进入之前拦截

可以在路由更新的时候拦截,总之各种拦截,很牛叉!

转载地址:http://tidc.baihongyu.com/

你可能感兴趣的文章
nodejs下的express安装
查看>>
nodejs与javascript中的aes加密
查看>>
nodejs中Express 路由统一设置缓存的小技巧
查看>>
nodejs中express的使用
查看>>
Nodejs中搭建一个静态Web服务器,通过读取文件获取响应类型
查看>>
Nodejs中的fs模块的使用
查看>>
NodeJS使用淘宝npm镜像站的各种姿势
查看>>
NodeJs入门知识
查看>>
nodejs包管理工具对比:npm、Yarn、cnpm、npx
查看>>
NodeJs单元测试之 API性能测试
查看>>
nodejs图片转换字节保存
查看>>
nodejs在Liunx上的部署生产方式-PM2
查看>>
nodejs基于art-template模板引擎生成
查看>>
nodejs字符与字节之间的转换
查看>>
NodeJs学习笔记001--npm换源
查看>>
NodeJs学习笔记002--npm常用命令详解
查看>>
nodejs学习笔记一——nodejs安装
查看>>
vue3+Element-plus icon图标无法显示的问题(已解决)
查看>>
NodeJS实现跨域的方法( 4种 )
查看>>
nodejs封装http请求
查看>>