如何在Vue中保存google地图编辑的多边形路径

<template>
  <div>
    <GmapMap
      :center="mapCenter"
      :zoom="mapZoom"
      style="width: 100%; height: 400px;"
    >
      <GmapPolygonEditable
        :paths="polygonPaths"
        :editable="true"
        @polygon-complete="onPolygonComplete"
      />
    </GmapMap>
  </div>
</template>

<script>
import { GmapMap, GmapPolygonEditable } from 'vue2-google-maps';

export default {
  components: {
    GmapMap,
    GmapPolygonEditable,
  },
  data() {
    return {
      mapCenter: { lat: 37.7749, lng: -122.4194 },
      mapZoom: 12,
      polygonPaths: [],
    };
  },
  methods: {
    onPolygonComplete(paths) {
      this.polygonPaths = paths;
    },
  },
};
</script>