并行使用 Laravel Inertia.js、Vue 和 Blade？

Question

有没有一种方法可以将 Laravel Blade 用于多页网站的一部分（电子商务），而将 Inertia/Vue 用于某些特定页面（如购物篮和管理页面）？不要将两者混合在同一页面上，正如我在其他评论中看到的那样。

第一类是大量静态页面，需要快速加载和强大的 SEO 引用（产品页面和目录）。第二个不需要索引，但是需要大量的用户交互。

我在我的第一个项目中尝试了一些方法，但是当 Inertia 处于活动状态时，我似乎无法调用 Laravel 路由。此外，在 Blade 页面中加载所有 Inertia 和 Vue 也没有什么意义。因此，作为初学者，我想我只需要在 Vue 页面（管理和购物篮）上加载 Inertia + Vue 代码。我想还有很多其他问题需要处理。

或者废弃 Inertia.js，然后在 Vue 页面上加载香草 Vue.js？但这意味着还要加载路由器和数据存储...

非常感谢您提供有关最佳继续方式的任何想法！ E.

Answer 1

您可以根据需要混合页面：

1.对于惯性页面。

    // View:
    <inertia-link href="/dashboard">dashboard</inertia-link>

    // Laravel controller:
    public function index(Request $request)
    {
        return Inertia::render('Dashboard/Index', [
            'data' => [
                // ...
            ],
        ]);
    }

2。 Blade 页。

    // View:
    <a href="/dashboard">dashboard</a>

    // Laravel controller:
    public function index(Request $request)
    {
        return view('dashboard.index', [
            'data' => [
                // ...
            ],
        ]);
    }

并行使用 Laravel Inertia.js、Vue 和 Blade？

Using Laravel Inertia.js, Vue and Blade in parallel?

inertiajs

laravel

vue.js

laravel-blade