develop laravel 和 vue 项目的最佳解决方案是什么?

What is the best solution for develop laravel and vue project?

请建议将 laravel 与 vue 项目集成的最佳方法。

1 - 单独开发一个带有后端的前端 VueJS 应用 Laravel API ?

2 - 开发一个 Laravel 应用程序并在其中集成 VueJS。

哪个是最好的选择,为什么?

Vue 事物的不同方式

我们可以通过不同的方式将 Vue 与 Laravel 一起使用。我们可以选择构建一个独立的 Vue 应用程序,单页应用程序,并让 Laravel 提供 API 端点,或者我们可以将 Vue 组件集成到 Laravel blade 模板中多页面应用程序。具体选择哪种方式,看你的情况。

单页应用程序 (SPA)

SPA 在浏览器中运行,不需要重新加载页面。它们创造了美妙的用户体验,并且可以模拟您可以安装在设备上的本机应用程序。需要注意的关键是它们独立加载数据和标记。

这意味着对于 SPA 更改页面上的内容,它永远不会重新加载,而是使用 JavaScript 获取数据。尽管 SPA 速度很快,并且在加载后需要最少的互联网访问权限,但它们在搜索排名方面表现不佳,通常需要对 SEO 进行一些额外的优化。

在我们的例子中,SPA 将在第一次调用您的应用程序时加载,然后在您继续使用该应用程序时借助 vue-router 交换不同的页面。通过调用后端 API.

安装组件时,将加载每个页面所需的所有数据

多页应用程序 (MPA)

MPA 是多年来构建 Web 应用程序的传统方式。他们通常会在每次需要更改数据或请求新资源时重新加载浏览器。您当然可以使用 AJAX 来简化一些 MPA 操作并减少页面重新加载。

MPA 在 SEO 方面具有优势,因为它们在默认情况下是可抓取的。与 SPA 不同,您无需执行任何特殊操作即可使 MPA 可抓取。您只需要按原样提供页面,搜索引擎就会抓取这些页面,除非明确告知他们不要这样做。

在 Laravel MPA 中使用 Vue 时,您会将 Vue 组件直接嵌入到 blade 文件中。您可以将数据作为道具传递给组件。这不会破坏页面及其资产,除了 Vue 之外,您还可以轻松使用普通 CSS 和 JS。