在 Laravel 7 中应该在哪里添加 JavaScript/JQuery？

Question

我刚接触laravel。我已经用Vue设置了一个项目，并尝试在其中一个blade页面中添加jquery代码，但是我在控制台中看到以下错误。Jquery正常工作，但控制台中的错误提示我没有做正确。

Vue警告：编译模板时出错：

模板只应该负责将状态映射到UI。避免在模板中放置带有副作用的标签，例如<script>，因为它们不会被解析。

331|
332|
333| | ^^^^^^^^ 334| function refresh(value) | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 335| { | ^^^^^^^^^ 336| location.replace('jiras?status='+value); | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 337| }

有人能帮助我吗，在哪里添加jquery/javascript代码才不会在控制台中显示任何错误？

- Sartaj Singh

Answer 1

@extends('layout.app')

@section('content')

    <your-vue-component></your-vue-component>

@endsection

在layout/app.blade.php文件中，您可以放置jQuery。可能是在app.js文件之上。

- Daud khan

Answer 2

感谢您的回答Daud。

我创建了一个jquery.js文件，并将我的代码放在其中。我把这个文件放在public/js/目录下，并在app.blade.php文件中添加了它的路径，如下所示：

<script src="{{ asset('js/jquery.js') }}" defer></script>

Jquery运行良好，控制台错误也已消除。感谢您的帮助。

- Sartaj Singh