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

Question

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

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

标签： vuejs2leafletopenlayers

Answer 1

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

在 Vue 中，我mounted循环创建地图（参见官方文档中的图表），因为像 Leaflet 这样的 Openlayers 都需要安装一个 DOM 元素来绑定地图相关元素。

如果使用 React 也是一样的，你只需使用componentDidMount（参见React 生命周期图）