vue和blade结合使用的一个问题

Question

业务背景

有一个母版页 a.blade.php 并标记了vue的入口节点
有一个子页面 b.blade.php 继承了母版页面 并实例化了vue实例

问题

打开网页的时候
整个入口点,闪了一下,dom就被删除了,F12看不到id为vue的这个元素
是啥原因?

代码

a.blade.php

<div id="vue">aaaaa<div>
@yield('content')
<script src="https://cdn.jsdelivr.net/npm/vue"></script>

b.blade.php

@section('content')
<div>bbbbbbbbb</div>
@endsection
<script>
  var vue = new Vue({
        el: '#vue',
        data:{
            some: []
            }
    })
</script>