Laravel 实际使用 VueJS
Practical use of VueJS with Laravel
我正在开始一个新的大型应用程序,在听到很多关于 VueJS + Laravel 组合的信息后,我想到了使用它。我跟着 Laracasts' Learn Vue 2: Step By Step series and some tutorials 了解它是如何工作的。
但有几个问题想问:
为什么我们甚至需要将 Vue 与 Laravel 一起使用。我明白我们可以在 Vue 中创建像 <user-profile></user-profile>
这样的组件,然后在 Laravel Blade 中使用它。但它看起来像过于复杂的东西?首先我们将数据从 controller 传递到 blade,然后进一步传递给 vue。为什么我们需要这样做?
Laravel 和 Vue 都有自己的路由系统。使用哪一个?
如何使用 Laravel + Vue 构建应用程序
PS。我正在制作一个主要用于移动设备的应用程序。
从评论中移出
为什么我们甚至需要将 Vue 与 Laravel 一起使用。
尽管您可能已经知道,Vue 只是众多 javascript 前端框架(库?)中的一个。您可以以任何方式使用从服务器发送的数据。 Vue 只是 Laravel 的 sister-framework。关于为什么将它们一起提及,您唯一可以说的是您可以使用 json objects 在它们之间轻松地“交谈”(接口)。 Javascript 旨在使您的页面具有交互性,具有行为。当你需要的时候使用它。
Laravel 和 Vue 都有自己的路由系统。使用哪一个?
无论你想要什么,你想要一个由 Vue 在 3 个不同页面中呈现的“单页”(blade),比如某种 Wizard form
。这真的取决于你想把负载放在哪里。我想你可以想到 use-cases 客户端页面呈现会更好,但大多数时候服务器端将是一个不错的选择。
单页应用程序在初始加载后更活泼(更快),但服务器端呈现的应用程序通常更适合 SEO。但是,还有一些方法可以让 SPA 在服务器上呈现以改善 SEO。这样我们就可以继续讨论一段时间了。
如何使用 Laravel + Vue
构建应用程序
Laravel 在resources/assets/js/app.js
下已经有一个示例vue 文件。所以可以安全地假设你可以把所有东西都放在那里。
我正在开始一个新的大型应用程序,在听到很多关于 VueJS + Laravel 组合的信息后,我想到了使用它。我跟着 Laracasts' Learn Vue 2: Step By Step series and some tutorials 了解它是如何工作的。
但有几个问题想问:
为什么我们甚至需要将 Vue 与 Laravel 一起使用。我明白我们可以在 Vue 中创建像
<user-profile></user-profile>
这样的组件,然后在 Laravel Blade 中使用它。但它看起来像过于复杂的东西?首先我们将数据从 controller 传递到 blade,然后进一步传递给 vue。为什么我们需要这样做?Laravel 和 Vue 都有自己的路由系统。使用哪一个?
如何使用 Laravel + Vue 构建应用程序
PS。我正在制作一个主要用于移动设备的应用程序。
从评论中移出
为什么我们甚至需要将 Vue 与 Laravel 一起使用。
尽管您可能已经知道,Vue 只是众多 javascript 前端框架(库?)中的一个。您可以以任何方式使用从服务器发送的数据。 Vue 只是 Laravel 的 sister-framework。关于为什么将它们一起提及,您唯一可以说的是您可以使用 json objects 在它们之间轻松地“交谈”(接口)。 Javascript 旨在使您的页面具有交互性,具有行为。当你需要的时候使用它。
Laravel 和 Vue 都有自己的路由系统。使用哪一个?
无论你想要什么,你想要一个由 Vue 在 3 个不同页面中呈现的“单页”(blade),比如某种 Wizard form
。这真的取决于你想把负载放在哪里。我想你可以想到 use-cases 客户端页面呈现会更好,但大多数时候服务器端将是一个不错的选择。
单页应用程序在初始加载后更活泼(更快),但服务器端呈现的应用程序通常更适合 SEO。但是,还有一些方法可以让 SPA 在服务器上呈现以改善 SEO。这样我们就可以继续讨论一段时间了。
如何使用 Laravel + Vue
构建应用程序Laravel 在resources/assets/js/app.js
下已经有一个示例vue 文件。所以可以安全地假设你可以把所有东西都放在那里。