VueJS与Laravel的实际应用

Kan*_*nav 5 laravel vue.js laravel-5 vue-router vue-component

我正在开始一个新的大规模应用程序,在听了很多关于VueJS + Laravel组合之后我想到了它.我按照Laracasts的Learn Vue 2:Step By Step系列和一些教程来了解它是如何工作的.

但是要记住几个问题:

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

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

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

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

onl*_*mas 6

从评论转移

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

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

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

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

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

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

  • 这真的取决于你,但也许你可以在脑海中考虑这个:1)使用Vue交互明智的开发是否更快?2)您可以使用Vue执行某些任务吗?3)你想在xhr(ajax)上加载某些元素async吗?4)您是否需要在没有启用JavaScript的情况下使用该网站?5)您是否想要写两次验证,因为您不能依赖客户端验证?6)......并优先考虑这些结论. (2认同)