谷歌地图是否在每个vue路由器导航中被实例化一次?



这个问题来自我对Javascript Google Maps API的一大笔账单惊喜。

从本质上讲,我启动了我们基于房地产的网络应用程序,投放了一些广告,获得了一些流量,这导致了比预期大得多的账单。账单高于预期的原因之一是由于地图API被击中了淫秽的次数,特别是与流量相比。

我正在使用 Vue 路由器。

现在,我有一条名为/listings的路线,在所述路线上有一张地图(使用 vue2-google-maps(以及一个列表视图。

假设,每次用户点击/listings,组件/页面都会被渲染并发送动态映射请求?这意味着单个用户只需导航到不同的列表,然后导航回地图搜索,即可轻松发送 10、20、100+ 个 Gmap API 请求。谁能证实?

现在我已经在考虑使用对话框的解决方案,并且v-if当选择列表时,它会显示在顶部,基本上永远不会离开/listings页面。

但是,我的假设是否正确?如果是这样,有没有更好的方法来解决这个问题?

<router-view>周围使用<keep-alive>并工作!

最新更新