Проект многостраничник на 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>