vue-router路由切换数据加载中效果是怎么实现的？

Answer 1

可以利用 vue-router 导航钩子步骤如下：

1. 可以在vuex 或者 bus 中维护一个isLoading 的变量

2. 在 router.beforeEach 钩子中 设置 isLoading = true , 在 router.afterEach 中 设置 isLoading = false

3. 在根组件（即<router-view>所在的父组件）上 放置一个Loading组件，例如：

<Loading :isLoading="isLoading"></Loading> <router-view ></router-view>

这个 Loading组件根据这个isLoading值来决定是否显示loading动画

Answer 2

一般像使用elementui这种ui框架的时候，都是在钩子函数里面来判断，控制布尔值就行,true开，false关，进去页面就打开，用axios取回数据后的then里面就关闭就行