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

时间:2019-07-30 11:05:36

标签: laravel vue.js routing

使用CodeIgniter四个月后,我才开始与Laravel合作。我确实喜欢Laravels的做事方式,但是对于Laravels的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 /中有一个文件?还是反过来呢? 感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

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

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