Laravel - разбирать лезвие на Vue компонент - PullRequest
Новая
       5

Laravel - разбирать лезвие на Vue компонент

0 голосов
/ 21 марта 2020

Laravel auth scaffolding создает макет для остальных видов.

Вопрос прост: как преобразовать этот макет в vue компонент?

Blade-файл. Мне нужно конвертировать в Vue. 

<!doctype html>
    <html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="csrf-token" content="{{ csrf_token() }}">
        <title>{{ config('app.name', 'Laravel') }}</title>
        <script src="{{ asset('js/app.js') }}" defer></script>
        <link rel="dns-prefetch" href="//fonts.gstatic.com">
        <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
        <link href=’https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons' rel=”stylesheet”>
        <link href="{{ asset('css/app.css') }}" rel="stylesheet">
    </head>
    <body>
        <div id="app">
            @yield('content')
        </div>
    </body>
    </html>

Ответы [ 2 ]

0 голосов
/ 21 марта 2020

Я нашел решение. Я создам базовый макет vue. Затем при загрузке страницы я перенаправляю на компонент входа и загружаю базовый макет (импорт как локальный компонент ). Затем при перенаправлении на другую страницу (например, компонент с выдвижным ящиком) я загружу этот компонент, но также загрузлю базовый макет.

Чтобы помочь сделать это, я буду использовать Vue slots . Я вижу, как работает здесь . Видео на испанском sh, но я думаю, что мы можем это понять.

0 голосов
/ 21 марта 2020

Согласно документации, это включено с Laravel 5.7

. Вы создаете леса и публикуете sh компонентов с: 

composer require laravel/ui "^1.0" --dev

php artisan ui vue --auth

. пример компонента, поэтому посмотрите, как вы можете вызвать это из шаблона блейда. 1016 *

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...