laravel 5.6 - vue компонент визуализируется дважды в расширенной секции клинка

Question

В моем последнем проекте laravel 5.6 я использую vue и blade вместе. У меня есть ситуация, что, если я помещу свой vue component в расширенный blade.php файл, то vue component будет обработан дважды.

Например:

Макеты / app.blade.php:

<div id="app">
...
<mobilesidebar></mobilesidebar>{{-- vue component --}}
...
</div>
<script src="/js/manifest.js"></script>
<script src="/js/vendor.js"></script>
<script src="/js/app.js"></script>

магазины / show.blade.php:

@extends('layouts.app')
@section('content')
...
<storelayout></storelayout>{{-- vue component --}}
...
@endsection

Я получу:

но если я перейду storelayout в layouts/app.blade.php:

    <div id="app">
    ...
    <mobilesidebar></mobilesidebar>{{-- vue component --}}
    <storelayout></storelayout>{{-- vue component --}}
    ...
    </div>

Все стало нормально.

Полагаю, это связано с app.js, как-то дважды вызывать функцию render.

Как мне решить эту проблему?