vue-router理解及使用(基于vue2.x)–02
一.路由跳转中,如何传递数据
1.params:params是route下的一个对象,可以通过这个对象,获取到我们传递的值。
2.使用query对象,获取参数值:上边使用params获取值,这样传值不适合用多个参数,现得路由很乱,这个时候我们可以使用query对象传递值。
jquery传递值方式:
jquery方式传递参数的获取参数和普通方式一样。
router和route的区别:
二.路由的导航守卫:
我们知道,vue是有生命周期的,并且会在某些时间段执行特定的方法,也就是钩子函数(回调函数),同样的,vue-router也有一样的钩子函数,会监听路由的进入和离开,并在特殊时间,执行特殊的函数(钩子函数)
vue-router提供了beforeEach和afterEach的钩子函数, 它们会在路由即将改变前和改变后触发.
案例:通过导航守卫,改变每个页面的组件
这种也是全局的导航首位
其实除了全局的导航首位,还有:
组件首位
路由独享守卫
地址:https://router.vuejs.org/zh/guide/advanced/navigation-guards.html#%E8%B7%AF%E7%94%B1%E7%8B%AC%E4%BA%AB%E7%9A%84%E5%AE%88%E5%8D%AB