Laravel和Vue：在哪里放js / app.js？

Question

我使用一些Vue组件和一个Bootstrap组件（轮播）创建了一个简单的应用程序。

我使用Laravel Mix编译我的资产。 当我将已编译的app.js放在head标签之间时，我的Vue组件不起作用（ Cannot find element: #app ）。 当我把app.js放在</body>标签之前时，我的轮播（ 指示符 ）不起作用...我也尝试使用defer属性，但没有成功。 我是否必须拆分我的JavaScript文件才能使它们都工作？

编辑：

当我将资产放在</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文件。

Answer 2

消息Cannot find element: #app并不意味着，该vue不起作用。 这意味着，Vue.js已正确安装，但它找不到任何ID为app div：

<div id="app"></div>

要包含js文件，我建议使用asset()帮助器：

<script type="text/javascript" src="{{ asset('js/app.js') }}"></script>