vue-router有哪几种导航钩子?
1、三种，一种是全局导航钩子：router.beforeEach(to，from，next)，作用：跳转前进行判断拦截。
2、vue的路由守卫，也叫路由钩子、导航守卫或导航钩子。路由（vue-router） 提供的导航守卫主要用来：通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中：全局的，单个路由独享的， 或者组件级的。
3、beforeRouteEnter ： 路由的组件进入路由前钩子。beforeResolve ：路由全局解析守卫 afterEach ：路由全局后置钩子 beforeCreate ：组件生命周期，不能访问this。created ：组件生命周期，可以访问this，不能访问dom。
4、跳转前： router.beforeEach((to，from，next)={ to： Route ： 即将要进入的目标 [路由对象]from： Route ： 当前导航正要离开的路由 next： Function ： 一定要调用该方法来 resolve 这个钩子。
5、vue组建级路由钩子函数介绍 路由钩子函数分为三种类型如下：第一种：全局钩子函数 。
Vue-Router路由钩子函数(导航守卫)
其实，导航守卫就是路由跳转过程中的一些钩子函数，再直白点路由跳转是一个大的过程，这个大的过程分为跳转前中后等等细小的过程，在每一个过程中都有一函数，这个函数能让你操作一些其他的事儿的时机，这就是导航守卫。
vue的路由守卫，也叫路由钩子、导航守卫或导航钩子。路由（vue-router） 提供的导航守卫主要用来：通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中：全局的，单个路由独享的， 或者组件级的。
正如其名， vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中：全局的， 单个路由独享的， 或者组件级的。记住 参数或查询的改变并不会触发进入/离开的导航守卫 。
vue-router,vue-loader,vue-cli分别是做什么用的
1、vue-cli相当于 脚手架 百，给你自动生成 模板工程 度 ；vue-router是回 vue路由插件，支持你单页应用的 ；vue-loader是webpack下loader插件，可以把.vue文件答 输出成组件。
2、vue-router，vue-loader，vue-cli分别是做什么用的 它和 UpdateWindow( )区别在于： UpdateWindow( )的作用是使窗口立即重绘。
3、是一个基于 Vue.js进行快速开发的完整系统。
4、vue-cli 是 Vue 早期推出的一款脚手架，使用 webpack 创建 Vue 项目，可以选择安装需要的各种插件，比如 Vuex、VueRouter等。vue-cli 用于创建 vue2 的项目；vue/cli 用于创建 vue3 的项目，当然也支持 vue2。
VUE脚手架router安装,详解,二级配置,锚链接跳转
1、next(/) 或者 next({ path： / }) ： 跳转到一个不同的地址。当前的导航被中断，然后进行一个新的导航。
2、首先第一步，在components文件夹里新建两个.vue文件。将用它们来路由页面。并且分别取名routerrouter2接下来，我们就开始配置路由了。首先说几个准备思路吧。
3、创建好vue3项目的第一步就是安装vue-router ，因为vite 默认并没有安装的。参考官网： 安装 | Vue Router (vuejs.org)然后在src 目录下创建router目录，并添加2个文件index.js，routes.js.这里就要画重点了。
4、在实际项目中我们会碰到多层嵌套的组件组合而成，但是我们如何实现嵌套路由呢？因此我们需要在 VueRouter 的参数中使用 children 配置，这样就可以很好的实现路由嵌套。
5、通过脚手架来写项目的话，可用通过写组件，再将组件引入（注册）到另一个vue文件里拼接在一起，从而构建出一个页面。
6、设置链接激活时使用的 CSS 类名。默认值可以通过路由的构造选项 linkActiveClass 来全局配置。