在不破坏 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)
用于在网页上显示地图的 JS 库,我想许多其他在网页上可视化数据的库经常大量修改 DOM。
如果我想将这样的库与 Vue.js 一起使用,并且 Vue.js 没有适合的库适配,那么适配它们的最佳实践是什么,以便 DOM是否已正确更新,我可以安全地使用这些库?
就个人而言,对于 Vue 或任何库,我只是玩 JavaScript 框架的生命周期。
在 Vue 中,我在 mounted
循环中创建我的地图(请参阅官方文档中的 the diagram),因为像 Leaflet 这样的 Openlayers 都需要安装一个 DOM 元素来绑定地图相关元素。
用React也是一样,只用componentDidMount
(见React lifecycle diagram)