Блог

Я использую динамические компоненты Laravel (blade) с Vue js, и я хотел бы использовать маршрутизатор Vue, но я не знаю, как это сделать.

Я уже зарегистрировал свои компоненты в index.js вот так :

 Vue.component("login", require("./account/login").default);
Vue.component("register", require("./account/register").default);
Vue.component("forgot-password", require("./account/forgot-password").default);
Vue.component("reset-password", require("./account/reset-password").default);
 

Это мое home.blade.php

 <dynamic-component component="{{ $component }}" id="{{ $id ?? "" }}" />
 

как я могу использовать маршрутизатор Vue ? для навигации между страницами

Проверьте это таким образом https://github.com/cretueusebiu/laravel-vue-spa/tree/master/routes

Вам нужно добавить spa.php на маршруте ларавель?

затем добавьте группу промежуточного программного обеспечения следующим образом: App/Http/Kernel.php

 /**
     * The application's route middleware groups.
     *
     * @var array
     */
    protected $middlewareGroups = [
        'web' => [
            AppHttpMiddlewareEncryptCookies::class,
            IlluminateCookieMiddlewareAddQueuedCookiesToResponse::class,
            IlluminateSessionMiddlewareStartSession::class,
            // IlluminateSessionMiddlewareAuthenticateSession::class,
            IlluminateViewMiddlewareShareErrorsFromSession::class,
            AppHttpMiddlewareVerifyCsrfToken::class,
            IlluminateRoutingMiddlewareSubstituteBindings::class,
        ],

    'spa' => [
        IlluminateRoutingMiddlewareSubstituteBindings::class,
    ],

    'api' => [
        'throttle:60,1',
        IlluminateRoutingMiddlewareSubstituteBindings::class,
    ],
];