Google maps 可以调用href="；javascript…“；使用Vue组件

我正在创建一组谷歌地图信息窗口，如下所示：

buildInfoWindow(location){
  var infoWindow = new google.maps.InfoWindow({content: location.name + "<br />" + location.street + "<br />" + location.city + ", " + location.state + "<br /><a href=\'javascript:showForLocation(" + location.id + ")\'>show only items</a>"});
  return infoWindow;
},

buildInfoWindow（位置）{
var infoWindow=new google.maps.infoWindow（{content:location.name+”
“+location.street+”
“+location.city+”，“+location.state+”
“}）；
返回信息窗口；
},

---

它是在Vue组件中构建的。有没有办法让

showForLocation

成为Vue方法？如果没有，我是否需要将此外部文件放到我的Vue应用程序中

参考Vue官方文件

{{message}}

反向消息
var app5=新的Vue({
el:“#app-5”，
数据：{
消息：“您好，Vue.js！”
},
方法：{
反向消息：函数（）{
this.message=this.message.split（“”）.reverse（）.join（“”）
}
}
})

---

在vue中使用google map，您可以使用vue软件包，如：

请共享此？thx的任何实时演示-问题是此字符串只是从方法中生成的（即不是模板的一部分）。所以我认为我不会访问v-on:click（或@click）。我会吗？你能使用谷歌地图的vue版本吗？在MVVM模型中，不建议使用JS生成html字符串作为UI。

<div id="app-5">
  <p>{{ message }}</p>
  <button v-on:click="reverseMessage">Reverse Message</button>
</div>

var app5 = new Vue({
  el: '#app-5',
  data: {
    message: 'Hello Vue.js!'
  },
  methods: {
    reverseMessage: function () {
      this.message = this.message.split('').reverse().join('')
    }
  }
})