Экземпляр Vue не распознан в блейд-файле

Question

Я так озадачен этой довольно простой vuejs проблемой.

Почему так работает console.log (app2);работать, если у меня есть это в моем блейд-файле (test_vodal.blade.php):

<script type="text/javascript">

const app2 = new Vue({
    el: '#app2',

    data: {
        f: false,
        g: false
    }
});
console.log(app2);
</script>
@endsection

, но выдает ошибку, если я перемещаю свой код в app.js и получаю это?

<script src="{{ mix('js/app.js') }}"></script>
<script type="text/javascript">
console.log(app2);
</script>
@endsection

С последним я вижу:

testVodal : 65 Uncaught ReferenceError: app2 is not defined
   at testVodal:65