VueJS与Laravel的实际应用

时间:2017-08-22 14:10:40

标签: laravel laravel-5 vue.js vue-component vue-router

我正在开始一个新的大型应用程序,在听了很多关于VueJS + Laravel组合之后我想到了它。我按照Laracasts' Learn Vue 2: Step By Step series和一些tutorials来了解其工作原理。

但心中几乎没有问题:

  1. 为什么我们甚至需要将Vue与Laravel一起使用。我知道我们可以在Vue中创建像<user-profile></user-profile>这样的组件,然后在Laravel Blade中使用它。但看起来过于复杂的事情呢?首先,我们将数据从控制器传递到刀片,然后再将其传递给vue。为什么我们需要这样做?

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

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

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

1 个答案:

答案 0 :(得分:6)

从评论

移出

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

虽然您可能已经知道,但Vue只是众多javascript前端框架中的一个(libs?)您可以以任何方式使用从服务器发送的数据。 Vue只是Laravel的姐妹框架。关于为什么它们被一起提到,你唯一可以说的是你可以使用json对象轻松地在它们之间“交谈”(界面)。 Javascript旨在使您的页面具有交互性,具有行为。在需要时使用它。

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

无论你想要什么,你想要一个由Vue在3个不同页面中呈现的“单页”(刀片),比如某种Wizard form。这实际上取决于你想要加载的位置。我认为你可以想到客户端页面渲染会更好的用例,但大多数时候服务器端将是一个很好的选择。

如何使用Laravel + Vue构建应用

Laravel已在resources/assets/js/app.js下有一个示例vue文件。因此可以安全地假设你可以把所有东西放在那里。