@danilr

Какая правильная реализация Vue + Laravel?

Проект многостраничник на Vue + Laravel. Хочу сделать на каждую страницу свой экземпляр Vue - скажите норм это или нет? Или как правильно и как должен выглядеть общий шаблон blade?
Вот пока как реализовано у меня - единый шаблон app.blade.php - Экземпляр Vue будет создаваться(Window.Vue) и подключаться(new Vue({}) в @yield('footer-script').
<!DOCTYPE html>
<html lang="{{ config('app.locale') }}">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    {{--CSRF Token--}}
    <meta name="csrf-token" content="{{ csrf_token() }}">
    {{--Meta--}}
    <title>@yield('title')</title>

    {{--Scripts--}}
   
    <link href="{{ asset('css/app.css') }}" rel="stylesheet">

    <script src="{{ asset('js/app.js') }}"></script>
    <script src="{{ asset('js/bootstrap.js') }}"></script>
    
    {{--Styles--}}

    <link href="{{ asset('css/report-styles.css') }}" rel="stylesheet">
    <link href="{{ asset('css/bootstrap.css') }}" rel="stylesheet">
    @yield('styles')
</head>
<body>
<div class="container-fluid" id="app">
    @yield('layout')
</div>
@yield('footer-scripts')
</body>
</html>
  • Вопрос задан
  • 309 просмотров
Пригласить эксперта
Ответы на вопрос 1
HeadOnFire
@HeadOnFire
PHP, Laravel & WordPress Evangelist
Без разницы. В момент выполнения скрипта на конкретной странице экземпляр будет один единственный. Обычно это #app на уровне лейаута.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы