开发laravel和vue项目的最佳解决方案是什么？

Question

请提出将laravel与vue项目集成的最佳方法。

1-使用后端Laravel API单独开发前端VueJS应用吗？

2-开发Laravel应用并在其中集成VueJS。

哪个是最佳选择，为什么？

Answer 1

处理Vue事物的不同方式

我们可以通过Laravel使用Vue的不同方法。我们可以选择构建独立的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。