laravel 5.6-Vue组件在刀片的扩展部分中呈现了两次

Question

在我最新的laravel 5.6项目中，我同时使用vue和blade。 我有一种情况，如果我将vue component放在扩展的blade.php文件中，则vue component将被渲染两次。

例如：

layouts / 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>

stores / 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函数。

我该如何解决？