请建议将 laravel 与 vue 项目集成的最佳方法。
1 - 单独开发一个带有后端 Laravel API 的前端 VueJS 应用程序？
2 - 开发一个 Laravel 应用并在里面集成 VueJS。
哪个是最好的选择，为什么？
【问题讨论】：
标签： laravel vue.js vuejs2 laravel-6 laravel-6.2
Vue 的不同方式
我们可以通过多种方式将 Vue 与 Laravel 结合使用。我们可以选择构建一个独立的 Vue 应用程序，单页应用程序，并让 Laravel 提供 API 端点，或者我们可以将 Vue 组件集成到 Laravel 刀片模板中作为多页应用程序。您选择哪种方法取决于您，这取决于您的情况。
单页应用程序 (SPA)
SPA 在浏览器中工作，不需要重新加载页面。它们创造了美妙的用户体验，并且可以模拟可以安装在设备上的本机应用程序。需要注意的关键是它们独立加载数据和标记。
这意味着对于 SPA 更改页面上的内容，它永远不会重新加载，而是使用 JavaScript 获取数据。虽然 SPA 速度很快，并且在加载后需要最少的互联网访问，但它们在搜索排名方面表现不佳，通常需要对 SEO 进行一些额外的优化。
在我们的例子中，SPA 将在第一次调用您的应用程序时加载，然后在您借助 vue-router 继续使用该应用程序时换出不同的页面。当通过调用后端 API 挂载组件时，将加载每个页面所需的所有数据。
多页面应用程序 (MPA)
MPA 是多年来构建 Web 应用程序的传统方式。每次需要更改数据或请求新资源时，它们通常都会重新加载浏览器。您当然可以使用 AJAX 来简化一些 MPA 操作并减少页面重新加载。
MPA 在 SEO 方面具有优势，因为它们默认可抓取。与 SPA 不同，您无需执行任何特殊操作即可使您的 MPA 可抓取。您只需按原样提供网页，搜索引擎就会抓取它，除非明确告知不要这样做。
在 Laravel MPA 中使用 Vue 时，您可以将 Vue 组件直接嵌入到刀片文件中。您可以将数据作为道具传递给组件。这不会破坏页面及其资产，除了 Vue 之外，您还可以轻松地使用普通的 CSS 和 JS。
【讨论】：