Vue Js 作为单独安装或将 VueJs 与 Laravel 一起使用

Posted 2023-02-16

【中文标题】Vue Js 作为单独安装或将 VueJs 与 Laravel 一起使用

【英文标题】：VueJs as separate Installation or use VueJs within Laravel

【发布时间】：2020-10-29 16:59:27

【问题描述】：

我们将使用 Laravel 和 VueJs 开始一个项目。我们需要的是我们是否将 VueJs 作为单独的安装或在 Laravel 安装中使用。哪个会更好。我们正在计划的另一件事是，对于所有小页面，我们使用 laravel-> Blade，对于需要时间加载的大页面，我们认为我们使用 VueJs 和 Laravel Api。这样好吗。任何人都可以就上述2个问题提出一些建议。

【参考方案1】：

如果你将 Vue.js 前端和 Laravel 后端完全分开，那么我相信有一些好处和损失 好处

应用解耦后，您可以轻松扩展它。 可以通过其他后端添加额外的后端服务（比如我用 Python 编写了一些深度学习代码）。 使用第三方前端应用程序集成变得更加容易。

缺点

Routing 和 Permissions 需要分开完成，所以在初始阶段是双倍的努力，Laravel 也被简化为仅创建 API。 JWT 身份验证也需要更多努力。 可能必须为您的 Vue 运行 nodejs 进程。

我发现使用具有完全独立的前端和后端或后端的 laravel 的刀片没有任何问题。

【参考方案2】：

根据我的理解，Vue.js 和 Laravel 应该安装在不同的地方，因为如果我没记错的话，Vue.js 的babel 和 Laravel 的laravel-mix 将来如果同时使用会发生冲突.所以我宁愿不要把 Vue.js 和 Laravel 安装在同一个地方。

关于您的第二个问题，我建议您不要像这样在后端和前端混合两种类型的页面渲染，只使用一种，以保持代码的一致性。 例如：您可以考虑以下方式之一：

使用 Laravel 仅在后端渲染管理页面和构建 API，而 Vue.js 从后端 API 获取数据并在前端（客户端）渲染。 完全使用 Laravel 作为后端 API，使用 Vue.js 来渲染布局 双方（管理员和客户）。

我认为这样，其他开发人员会更容易跟进您的代码流。

希望对您有所帮助。如果我错了，请纠正我

【讨论】：

我们将只创建管理部分，这个管理部分被许多客户使用。客户要求该管理员快速加载所有页面。那么你对使用 Laravel 和 Vue 有何看法

在我看来，正如我告诉你的那样，这取决于你想要构建什么，如果应用程序同时包含管理端和客户端，如你所见，我上面提到的这两种方式是都使用 Vue.js 来呈现客户端页面（如果它是 SPA，客户端看起来会更专业的原因 - 快速且无需重新加载页面）。因此，如果管理部分被许多客户使用，如您所说，客户端我认为最好的方法是创建一个 SPA，这样它会对用户体验 (UX) 产生很大影响。