laravel - VueJS 与 Laravel 的实际使用

Question

我正在开始一个新的大型应用程序，在听到很多关于 VueJS + Laravel 组合的信息后，我想到了使用它。我关注了Laracasts' Learn Vue 2: Step By Step series还有一些tutorials了解它是如何工作的。

但请记住几个问题:

1. 为什么我们甚至需要将 Vue 与 Laravel 一起使用。我知道我们可以创建类似 <user-profile></user-profile> 的组件在 Vue 中，然后在 Laravel Blade 中使用它。但它看起来像过于复杂的东西？首先我们将数据从 controller 传递到 blade，然后进一步传递给 vue。为什么我们需要这样做？

2. Laravel 和 Vue 都有自己的路由系统。使用哪一个？

3. 如何使用 Laravel + Vue 构建应用程序

附言。我正在制作一个主要用于移动设备的应用程序。

Answer 1

从评论中移出

为什么我们甚至需要将 Vue 与 Laravel 一起使用。

尽管您可能已经知道，Vue 只是众多 JavaScript 前端框架(库？)中的一种。您可以以任何方式使用从服务器发送的数据。 Vue 只是 Laravel 的姊妹框架。关于为什么将它们一起提及，您唯一可以说的是您可以使用 json 对象轻松地在它们之间“交谈”(接口(interface))。 Javascript 旨在使您的页面具有交互性，具有行为。在需要时使用它。

Laravel 和 Vue 都有自己的路由系统。使用哪一个？

无论你想要什么，你想要一个由 Vue 在 3 个不同页面中呈现的“单页”( Blade )，比如某种 Wizard form。这真的取决于你想把负载放在哪里。我认为您可以想到客户端页面呈现会更好的用例，但大多数时候服务器端将是一个不错的选择。

单页应用程序在初始加载后更活泼(更快)，但服务器端呈现的应用程序通常更适合 SEO。但是，还有一些方法可以让 SPA 在服务器上呈现以改善 SEO。我们可以继续讨论一段时间。

如何使用 Laravel + Vue 构建应用程序

Laravel 在 resources/assets/js/app.js 下已经有一个示例 vue 文件。因此可以安全地假设您可以将所有内容放在那里。