因此，我有一个laravel应用程序，该应用程序是在不使用Vue.js的情况下使用Laravel构建和运行的。现在，在了解了vue.js及其轻量级+众多附加功能以改善用户体验之后，我决定将其包含在内，并将我的应用程序重新构建为具有更好反应性的组件。
唯一的问题是，通过我的少量研究，我发现resources / js / app.js中的主要vue元素指向views / layouts / app.blade.php中的#app元素如果我有从那里开始的SPA或MPA。
但是，在我的实现中，我的应用程序的后端和用户部分都有不同的布局文件，而且我不知道该怎么做（将vue对象指向哪个元素）。
如果可能的话，这就是我想要的。我希望commons.js具有我所有的通用组件和导入，也许还有[page] .js用于需要更多信息的页面。
谢谢！
答案 0 :(得分：0)
我想出了解决方法。
在app.js中创建的Vue实例不必是您唯一的实例。在MPA中，您最希望在每个页面上有多个vue实例。为了保持代码的整洁，我在app.js中保留了整个应用程序通用的依赖项。
对于我的门户网站，每个门户网站都有一个commons.js，其中包含特定于我的应用程序管理的依赖项，因此在用户浏览我的内容时不需要加载。我打算与webpack捆绑在一起，并包含在所有门户网站页面中。
此外，每个页面都有一个page.js，该页面也被捆绑在一起，并且仅包含页面特定的依赖项（组件等）和每个页面的vue实例。
通过使用这种体系结构，我将需要加载的JS仅减少到门户页面和用户的主应用程序上所需的JS。
希望这对某人有帮助！编码愉快。