Vue.js 和 Laravel - 我们如何将 vuejs 项目与 laravel 5* 集成？答案

【问题标题】：Vue.js and Laravel - how do we integrate the vuejs project with laravel 5*?Vue.js 和 Laravel - 我们如何将 vuejs 项目与 laravel 5* 集成？
【发布时间】：2018-09-10 13:13:51
【问题描述】：

我在 Vue.js 中创建了一个项目，现在我只想将该 vuejs 项目与 laravel 5 plus 集成。应该由构建完成还是由vue.的组件完成？谢谢。

【问题讨论】：

不知道你在这里问什么。在不了解后端的情况下开发前端很奇怪，但即便如此，您的问题也过于宽泛和不清楚。你具体想整合什么？
你的 vuejs 项目是 vue-cli 项目？因为 laravel 5.* 带有开箱即用的 vuejs 预设。所以基本上你不需要创建一个与 laravel 分开的 vuejs 项目
好吧，听起来您需要一个前端开发人员将 vue.js 代码编程到您的应用程序中，或者耦合或通过 api。这与使用 html 模板的过程不同。
它可以使用需要更多逻辑与后端交互的组件进行集成
你可以将你的组件适当地放在resources/assets/js 中并使用 laravel mix 构建它们，但是在你需要向刀片模板添加更多逻辑和所需组件之前，我们假设你有一个登录表单组件在这种情况下使用 vue.js 构建，您可以将其放入 login.blade.php 模板并添加允许您与后端交互以获取用户信息的逻辑 ...

标签： laravel vue.js

【解决方案1】：

在 Laravel 中构建 Vue 的简单方法

下载 Laravel 项目后，打开终端并输入

npm 安装

Vue 自动安装在你的 Laravel 项目中

app/resources/assets/js/app.js

你需要在 web.php 中更改你的 Laravel 路由

Route::any('{all}', function(){
    return view('app');
})->where('all', '.*');

更改 Laravel 路由器后，您可以使用 Vue 路由器代替 Laravel 路由器。

一切都适合我。

【讨论】：

好的，然后呢？我应该将我的 vue 组件和其他文件或文件夹放在哪里？那app/resources/assers/js/app.js..是哪个目录？我们的app文件夹中会新建一个文件夹？