你如何在 Laravel (MPA) 中路由 Vue 布局答案

【问题标题】：How do you route Vue layouts in Laravel (MPA)你如何在 Laravel (MPA) 中路由 Vue 布局
【发布时间】：2019-12-07 18:14:13
【问题描述】：

在使用 CodeIgniter 四个月后，我刚刚开始使用 Laravel。我确实喜欢 Laravel 的做事方式，但我仍然对 Laravel 的 VueJS 实现一无所知。

我已经设置了我的路由器

Route::get('/home', 'HomeController@index'); [etc..]

并且我已经成功实现了示例（将其重命名为 MyButton.vue）

<body>
        @extends('layouts.app')

        @section('content')
        <my-button name="button" text="{{ $text }}"></my-button>
        <my-button text="{{ $text }}"></my-button>

        @endsection
</body>

现在我想知道如何在 Vue 中使用 Laravel 视图。这是标准结构：

resources/
├── js/
│   ├── components/
│   │   ├── MyButton.vue 
│   │   └── ...   
│   │
│   ├── app.js
│   └── bootstrap.js
│   
└── views/
    ├── layouts/
    │   └──app.blade.php
    ├── welcome.blade.php
    ├── ...

我现在是否在 layouts/ 中为每个新页面创建一个新文件并在 views/ 中创建一个文件？还是我反其道而行之？感谢您的帮助！

【问题讨论】：

标签： laravel vue.js routing

【解决方案1】：

不只是在resources/js文件夹下创建一个views文件夹。

然后设置一个 app.js 文件。查看此链接以获取完整说明https://gist.github.com/ratiw/a04b7eb9a2c80b9c950b

【讨论】：