在VueJS中加载页面之前，无法使加载器旋转

的原因是因为VueJS是一个单页面应用（SPA）框架，它使用了异步加载组件的方式来提高页面加载速度和性能。在页面加载之前，VueJS会先加载应用的主要代码，然后根据路由配置异步加载需要显示的组件。

由于加载器通常是通过CSS动画或JavaScript来实现旋转效果的，而在页面加载之前，相关的CSS或JavaScript代码还未加载完成，因此无法使加载器旋转。

解决这个问题的方法是在VueJS的路由配置中使用异步组件加载的方式，并在组件加载完成后再显示加载器。具体的实现方式可以参考VueJS官方文档中的异步组件加载部分。

在VueJS中，可以使用Vue Router来配置路由和加载组件。以下是一个示例代码：

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'Home',
    component: () => import('./views/Home.vue')
  },
  {
    path: '/about',
    name: 'About',
    component: () => import('./views/About.vue')
  }
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router

在上述代码中，通过import()函数来异步加载组件，当路由切换到对应的路径时，才会加载相应的组件。这样可以确保加载器在组件加载完成之前显示，从而实现加载器的旋转效果。

另外，如果需要在VueJS中使用加载器，可以使用第三方库或组件，例如vue-spinner、vue-loading-spinner等。这些库或组件提供了各种样式和效果的加载器，可以方便地在VueJS应用中使用。具体的使用方法可以参考它们的官方文档。

总结起来，在VueJS中加载页面之前无法使加载器旋转，可以通过使用异步组件加载和第三方库或组件来解决这个问题。