vue-router理解及使用（基于vue2.x）--02

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

三.keep-alive:可以使被包含的组件处于保留状态，而不每次都创建和销毁