Quiero integrar un mapa a través de la API de GoogleMaps en mi aplicación Laravel. Por lo tanto, elegí una configuración como esta:
HTML
(...) <body> <div class="wrapper wrapper-content animated fadeInRight"> <div id="app"> </div> </div> <script src="https://maps.googleapis.com/maps/api/js?key=[APIKEY]&libraries=places,geometry&callback=app.init" async defer></script> </body> (...)Javascript VUE
window.Vue = Vue; window.Event = new class { constructor() { this.Vue = new Vue(); } fire(event, data = null) { this.Vue.$emit(event, data); } listen(event, callback) { this.Vue.$on(event, callback); } }; window.app = new Vue({ el: '#app', components: { GISView: GISView }, data: { }, methods: { init: function() { this.$broadcast('MapsApiLoaded'); } } }); Al cargar la página, encuentro en la consola de herramientas de desarrollo el mensaje: 
¿Por qué no se encuentra la función app.init, ya que la configuré en mi instancia de VUE?