在Vue.js中使用Leaflet或OpenLayers之类的库而不会破坏DOM?

时间:2018-07-15 22:10:18

标签: vuejs2 leaflet openlayers

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

如果我想将此类库与Vue.js一起使用,而Vue.js没有适合的库改编,那么进行改编的最佳实践是什么,以便正确更新DOM,我可以安全地使用库?

1 个答案:

答案 0 :(得分:1)

就Vue或任何库而言,我个人只是在研究JavaScript框架的生命周期。

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

如果使用React,就像使用componentDidMount(请参阅React lifecycle diagram)一样