在不破坏 DOM 的情况下使用带有 Vue.js 的 Leaflet 或 OpenLayers 等库?

Using libraries such as Leaflet or OpenLayers with Vue.js without breaking DOM?

用于在网页上显示地图的 JS 库,我想许多其他在网页上可视化数据的库经常大量修改 DOM。

如果我想将这样的库与 Vue.js 一起使用,并且 Vue.js 没有适合的库适配,那么适配它们的最佳实践是什么,以便 DOM是否已正确更新,我可以安全地使用这些库?

就个人而言,对于 Vue 或任何库,我只是玩 JavaScript 框架的生命周期。

在 Vue 中,我在 mounted 循环中创建我的地图(请参阅官方文档中的 the diagram),因为像 Leaflet 这样的 Openlayers 都需要安装一个 DOM 元素来绑定地图相关元素。

用React也是一样,只用componentDidMount(见React lifecycle diagram