我只有一个组件,我想在主页面底部添加组件脚本代码,这样可以更快地加载页面。我该怎么做?
点:每个脚本都必须写在其组件文件上。
您可以在父组件@stack('scripts')
中编写此内容,在子组件中可以像这样编写@push('scripts)
。
您的子组件代码将类似于此
@push('scripts')
<script src="example.js"></>
@endpush
它只会在您加载子组件时将脚本推送到父组件。
创建一个刀片文件,用于放置所有脚本链接。让我在资源目录中创建一个文件,并将其命名为javascripts.blade.php
。该文件可能如下所示。
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.3/jquery-ui.min.js"></script>
<script>
window._token = '{{ csrf_token() }}';
</script>
@yield('javascript')
注意,我把@yield('javascript')
放在了底部。现在您可以在<body></body>
标签中使用它,只需使用@include(javascripts)
,或者如果您的脚本文件在文件夹中,则可以使用@include(folderName.javascripts)