javascript - Laravel 和 Vue : where to put js/app. js？

Question

我使用一些 Vue 组件和一个 Bootstrap 组件(旋转木马)创建了一个简单的应用程序。

我使用 Laravel Mix 编译我的 Assets 。当我将编译后的 app.js 放在 head 标签之间时，我的 Vue 组件不起作用 ( Cannot find element: #app )。当我将 app.js 放在 </body> 之前时标签，我的轮播(indicators)不工作......我也试过defer属性，但没有成功。我是否必须拆分我的 JavaScript 文件才能使两者都工作？

编辑:

当我将 Assets 放在 </body> 之前时标签，轮播的指示器如下所示:<="" li="">

Answer 1

一般来说，在结尾之前</body>标签。

<script type="text/javascript" src="/js/app.js"></script>

如果你有其他bootstrap特定的js代码，你必须将它们写在上述脚本标签之后，因为app.js还负责在resources/assets/js/bootstrap.js中加载bootstrap所需的js文件文件。