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

Question

有沒有辦法將 Laravel Blade 用於多頁面網站（電子商務）的一部分，而將 Inertia/Vue 用於某些特定頁面（如購物籃和管理頁面）？ 不要將兩者混合在同一頁面上，因為我看到它與其他評論一起完成。

第一類是僅 static 的頁面負載，需要快速加載和強大的 SEO 參考（產品頁面和目錄）。 第二個不需要被索引，但需要大量的用戶交互。

我在我的第一個項目中嘗試了一些東西，但是當 Inertia 處於活動狀態時，我似乎無法調用 Laravel 路線。 另外，在 Blade 頁面中加載所有 Inertia 和 Vue 並沒有什么意義。 因此，作為初學者，我想我只需要在 Vue 頁面（管理員和購物籃）上加載 Inertia + Vue 代碼。 而且我想還有很多其他問題需要處理。

或者可能廢棄 Inertia.js，然后在 Vue 頁面上加載 vanilla 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. 刀片頁面。

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

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