vue路由加载触发哪些路由函数
导航表示路由正在发生改变，vue-router 提供的导航守卫主要用来：通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中：全局的， 单个路由独享的， 或者组件级的。注意：参数或查询的改变并不会触发进入/离开的导航守卫。
思路 ： 在路由页面离开 beforeRouterEnter 中保存当前滚动条距离顶部的位置，再用 activated 钩子函数 当他再次被激活时，让他的滚动条等于离开时保存的那个值。
这次给大家带来vue 单页应用前端路由如何配置，vue 单页应用前端路由配置的注意事项有哪些，下面就是实战案例，一起来看一下。
Vue-Router路由钩子函数(导航守卫)
1、vue的路由守卫，也叫路由钩子、导航守卫或导航钩子。路由（vue-router） 提供的导航守卫主要用来：通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中：全局的，单个路由独享的， 或者组件级的。
2、正如其名， vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中：全局的， 单个路由独享的， 或者组件级的。记住 参数或查询的改变并不会触发进入/离开的导航守卫 。
3、导航守卫分为 ：全局的、单个路由独享的、组件内的三种。分别来看一下：【全局的】：是指路由实例上直接操作的钩子函数，他的特点是所有路由配置的组件都会触发，直白点就是触发路由就会触发这些钩子函数，如下的写法。
4、全局守卫：beforeEach（是路由的钩子函数，在每一个路由跳转之前执行，常做登录权限判断，参数：to，from，next）后置守卫：afterEach（在跳转之后执行，参数：to，from）全局解析守卫：beforeResolve（参数：to，from，next。
5、既然有全局导航守卫，就会有相应的局部导航守卫。所谓局部，也就是指组件内的导航守卫了。
6、beforeEnter ： 路由独享守卫 beforeRouteEnter ： 路由的组件进入路由前钩子。beforeResolve ：路由全局解析守卫 afterEach ：路由全局后置钩子 beforeCreate ：组件生命周期，不能访问this。
vue生命周期11个钩子函数
Vue生命周期一共有11个钩子函数，图中一共有8个钩子函数。
Vue生命周期（钩子函数）表示的是一个实例从开始创建到消亡的过程。
Vue实例从创建到销毁的过程，就是生命周期。