在Laravel中加载Vue组件时如何添加预加载器？

Question

我在laravel中有一个布局为appLayout.blade.php和一个页面users.blade.php。在用户刀片中，我有一个注册为users-comp的Vue组件。现在的问题是，vue组件的渲染时间比刀片晚一点，因此在vue组件完全加载之前，它显示为空白。现在我想在这里加载vue组件代码时添加一个预加载器，以代替该组件。任何帮助将不胜感激。

users.blade.php页面

@extends('layouts.appLayout')

@section('title','Dashboard')

    
@section('content')

<users-comp :records="{{json_encode($records)}}" ></users-comp>

@endsection

@section('bottom')
<script src="{{ asset('js/app.js?v=1.9') }}" ></script>
@endsection