所以我有一个laravel应用程序,我建立了,是生活使用Laravel没有Vue.js.现在,找出vue.js和它的轻量级的许多额外功能,以改善用户体验,我决定包括它,并重建我的应用到具有更好反应性的组件中。
唯一的问题是,通过我的一点研究,我发现resources/js/app中的主要vue元素。js指向view/layouts/app中的#app元素。刀身php,如果我有一个SPA或者MPA,从那里开始就可以了。
但是,在我的实现中,我的应用程序的后端和用户部分都有不同的布局文件,我不知道如何进行(vue对象指向哪个元素)。
如果可能的话,这是我想要的。我想要一个commons.js,拥有我所有的常用组件和导入,也许还有一个[page]. js,用于我需要更多的页面。
提前谢谢!
我知道怎么处理了。
在应用程序中创建的Vue实例。js不一定是您的唯一实例。在MPA中,您最喜欢有多个vue实例,可能每页都有。为了保持代码整洁,我在应用程序中保留了整个应用程序的公共依赖项。js。
对于我的门户,每个门户都有一个公共空间。js包含特定于我的应用程序管理的依赖项,因此在用户浏览我的应用程序时不需要加载。我设置为与webpack捆绑并包含在所有门户页面中。
此外,每个页面都有一个页面。js,它也是捆绑的,只包含特定于页面的依赖项(组件等)和每个页面的vue实例。
通过使用这种体系结构,我将需要加载的JS减少到仅在门户页面和用户主应用程序上需要加载的JS。
希望这对别人有帮助!快乐编码。