数据库更改时重新渲染折线/标记

Question

我使用Vue和传单（vue2-leaflet）创建一个使用neo4j数据库存储节点和连接的地图。节点用标记表示，连接用折线表示。每当数据库更改时，我都需要重新渲染地图（或仅受影响的组件）。 例如，当用户删除或创建节点时，根据情况，我需要不显示或显示该节点。

目前我所拥有的

<l-polyline v-for="connection in MapStore.selectedConnections"
  @mouseup="connectionClick($event, connection)"
  :key="connection.id"
  :lat-lngs="connection.latlngs"
  <l-popup>
    <ConnectionPopup
      :connection="connection"
      :selected="connection.selected" />
  </l-popup>
</l-polyline>

ConnectionPopup组件显示@mouseup并运行用户选择的操作（删除等）。所有这些都有效，如果用户选择此选项，则连接将从数据库中删除，但是折线仍会显示在地图上，直到重新加载页面为止。

我希望找到一种使折线对数据库变化具有反应性的方法。

我不介意是否必须在创建/删除/更改节点或连接的函数中手动进行重新渲染。