Vue 在 Laravel Spark Blade 模板中包含兩次 Javascript 文件

Question

我是 Laravel Spark 和 Vue 的新手，並嘗試將現有應用程序遷移到它。 在該應用程序中，我將這些腳本包含在 Blade 模板中，然后將其注入 app.blade.php：

<script type="application/javascript" src="{{ mix('js/sidebar.js') }}"></script>
<script type="application/javascript" src="{{ mix('js/addEditTask.js') }}"></script>
<script type="application/javascript" src="{{ mix('js/scheduler.js') }}"></script>

問題是這些文件中的函數被調用了兩次。 我怎樣才能解決這個問題？

Answer 1

我最終在 app.blade.php 的底部添加了一個堆棧，所以它看起來像這樣：

<!-- JavaScript -->
@stack('scripts-bottom')
<script src="{{ mix('js/app.js') }}"></script>

然后在我的另一個刀片文件中，我將它們推入堆棧：

@push('scripts-bottom')
<script type="application/javascript" src="{{ asset('js/sidebar.js') }}"></script>
<script type="application/javascript" src="{{ asset('js/addEditTask.js') }}"></script>
<script type="application/javascript" src="{{ asset('js/scheduler.js') }}"></script>
@endpush