vue 页面加载空白加入loading等待

在Vue中，可以通过在页面加载的时候加入loading等待效果来避免页面加载空白。下面是具体的步骤：

1. 在Vue项目中，可以使用Vue Router来管理页面的路由跳转。在路由配置文件中，可以设置一个全局的beforeEach钩子函数，该函数会在每次路由跳转前执行。可以在该函数中设置加载loading的状态。

2. 在beforeEach钩子函数中，可以通过在路由跳转前设置一个loading状态，显示一个loading效果，让用户知道页面正在加载中。

3. 在路由跳转完成后，在Vue实例中设置一个mounted钩子函数，该函数会在Vue实例挂载到页面后执行。在该函数中，可以通过设置一个延时器，来模拟页面加载所需的时间。

4. 在延时器中，可以通过设置一个布尔型的loading状态，将loading效果隐藏，显示出实际的页面内容。

5. 在页面中，可以使用v-if指令来根据loading状态的值来决定显示loading效果还是显示实际的页面内容。当loading为true时，显示loading效果；当loading为false时，显示实际的页面内容。

通过以上步骤，可以在Vue项目中实现页面加载空白时加入loading等待效果，在页面加载完成后再显示实际的页面内容，给用户更好的加载体验。