Como faço para vincular ao título da propriedade de um marcador do google maps com vuejs? - google-maps, google-maps-api-3, vue.js, vuejs2, componente-vue

Estou trabalhando com a API do Google Maps agora. Estou desenvolvendo com vuejs. Existe a possibilidade de vincular uma propriedade ao título da propriedade dos marcadores, por exemplo este é o meu componente no vuejs

Vue.component("root-map",{
template: `
<div id="sidebar_builder"
style="width: 100%; height: 600px;">
</div>
`,
data: function(){
return {
map:null,
marker:{
title: "hello"
}
}
},
mounted: function () {
this.$nextTick(function () {
var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
var mapOptions = {
zoom: 4,
center: myLatlng
};
this.map = new google.maps.Map(document.getElementById("sidebar_builder"),mapOptions);
var marker_icon= new google.maps.Marker({
position: myLatlng,
title: this.marker.title}); // the most important part
marker_icon.setMap(this.map);
});
}
});

Agora, quando eu quero alterar os marcadores de propriedade.title = "Eu mudo" e nada aconteceu, os marcadores nos mapas mantêm "olá", você poderia, por favor, como faço isso? Se pode fazê-lo sem usar o método nativo da API do Google Maps obrigado !!

Respostas:

você pode usar o relógio

watch: {
marker() {
this.reDrawMarkers()
}
}

mais informações vue watcher https://vuejs.org/v2/guide/computed.html#Watchers

Se você não sabe como redesenhar marcadores, também pode procurar na documentação do Google

https://developers.google.com/maps/documentation/javascript/examples/marker-remove