Why laravel(blade) template doesn't see Vue property?

Question

Vue.js

Here is the included script "developer.js"

window.Vue = require('vue');

Vue.component('example-component', require('./components/ExampleComponent.vue').default);

const apps = new Vue({
  el: '#app',
  data:{
    mes: 'guygu'
  },
  mounted(){
    console.log(this.mes);
  }
})

Here is the developer.blade.php template

@extends('templates.app')

@section('styles')
<link href="{{ asset('css/developer.css') }}" rel="stylesheet"></link>
@endsection

@section('layout')
<div>
    @{{mess}}  // это свойство пытаюсь вывести на страницу
    <example-component></example-component>
</div>

@endsection

@section('footer-scripts')
<script src="{{ asset('js/developer.js') }}"></script>
@endsection

Mistake

Answer 1

data() {
 return {
     mes: "dfgguu"
}
}