vue-router路由执行流程

Vue-Router是Vue.js官方提供的路由管理器，它可以方便地实现前端路由功能。Vue-Router的路由执行流程如下：

1. 创建VueRouter实例。在Vue应用中使用VueRouter，需要先创建一个VueRouter实例，可以在main.js文件中进行创建。

2. 配置路由规则。在创建VueRouter实例时，需要配置路由规则，即定义应用中的所有路由及其对应的组件。

3. 注入VueRouter实例。在Vue应用中使用VueRouter，需要将VueRouter实例注入到Vue实例中，可以在main.js文件中进行注入。

4. 使用路由组件。在Vue组件中使用路由需要使用<router-view>标签来展示对应的组件。

5. 跳转路由。在Vue组件中使用路由跳转，需要使用<router-link>标签来定义路由链接，并设置对应的to属性。

6. 路由导航守卫。Vue-Router提供了路由导航守卫，可以在路由跳转前、跳转后、跳转取消等不同阶段执行一些逻辑操作，例如用户鉴权等。

总的来说，Vue-Router的路由执行流程就是：创建VueRouter实例 -> 配置路由规则 -> 注入VueRouter实例 -> 使用路由组件 -> 跳转路由 -> 路由导航守卫。