Javascript 仅在添加到刀片页面时导入Vue组件

我开始使用Laravel、Vuejs和blade for template engine开发应用程序。
首先，我是Vuejs的新手，也许这是一项简单的任务，但我在任何讨论中都没有找到答案。
其核心思想是使用.blade页面，当我需要vuejs组件时，使用props数组将它们添加到页面传递服务器数据中。一切都很好，但在玩了一会儿之后，我注意到了一个可能的问题
在laravel的文档中，我们在app.js中注册组件或任何Vue设置：然后，使用laravel mix，将所有代码绑定到一个文件中（例如导入、需要、不同的js页面…），最后在页面中加载带有脚本标记的“app.[hash].js”。我注意到，即使只使用几个vue组件，app.js的增长也非常快（当然，我们将每个组件导入到一个文件中），甚至只是简单地导入组件，而不是全局设置它们

我的问题是：将所有js代码绑定到一个文件中（有一个大文件）是正常的，还是只有当vue组件添加到.blade文件中时，才有方法导入它们，可能是使用某种Web包（laravel mix）设置

提前感谢您的支持。

在发布问题后找到解决方案：

Marcin和GoogleMac的答案可能都是对的，但我发现了一个有趣的话题，我想和大家分享我的问题。我建议查看这个链接，他们在这里讨论代码拆分。 我认为这可能是最好的方法，主要是因为即使在vue的文档中也谈到了（这里的细节）。

---

我的坏朋友还没有查看详细的文档。

最好将js代码捆绑在一个文件中，因为浏览器只会下载一次并缓存它

---

JavaScript代码并没有那么大，所以不要自找麻烦。

我同意Marcin的回答，但如果你想解决问题，请在app.js中注释Laravel的内置Vue注册，只需在刀片文件中使用cdn即可。

你可以添加多个

app.js

（如果需要，包括多个

路由器、vuex

）。 在

webpack.mix.js

上分别输入它们。 然后根据需要在刀片文件中包含合适的

app.js

文件。 如果您不想与任何不使用这些组件的用户共享一些

.js

代码，我认为这会容易得多

注：当然，延迟加载是一种解决方案，但这对我来说更方便，因为我不会向不需要它的用户交付任何组件