请帮我写一段代码，需求是在vue3中使用openLayers新增移除多个矢量图层，为了方便根据图层名称获得一个图层，希望将这些矢量图层创建后存放在一个键值对数组中

好的，下面是一段示例代码，可以参考一下：

<template>
  <div id="map"></div>
</template>

<script>
import { createApp } from 'vue';
import 'ol/ol.css';
import Map from 'ol/Map';
import View from 'ol/View';
import { Tile as TileLayer, Vector as VectorLayer } from 'ol/layer';
import { OSM, Vector as VectorSource } from 'ol/source';

export default {
  data() {
    return {
      map: null,
      layers: {}, // 图层键值对数组
    };
  },
  mounted() {
    this.initMap();
  },
  methods: {
    initMap() {
      this.map = new Map({
        target: 'map',
        layers: [
          new TileLayer({
            source: new OSM(),
          }),
        ],
        view: new View({
          center: [0, 0],
          zoom: 2,
        }),
      });
    },
    addVectorLayer(layerName, features) {
      const vectorSource = new VectorSource({
        features,
      });
      const vectorLayer = new VectorLayer({
        source: vectorSource,
      });
      this.map.addLayer(vectorLayer);
      this.layers[layerName] = vectorLayer; // 存储图层到数组中
    },
    removeVectorLayer(layerName) {
      const vectorLayer = this.layers[layerName];
      if (vectorLayer) {
        this.map.removeLayer(vectorLayer);
        delete this.layers[layerName]; // 从数组中删除图层
      }
    },
  },
};
</script>

上面的代码中，我们定义了一个 `layers` 对象来存储创建的矢量图层。在 `addVectorLayer` 方法中，我们首先创建一个 `VectorSource` 和一个 `VectorLayer`，然后将 `VectorLayer` 添加到地图上，并将其存储到 `layers` 对象中。在 `removeVectorLayer` 方法中，我们可以根据图层名称从 `layers` 对象中获取对应的图层，并将其从地图上移除，并从 `layers` 对象中删除。这样就方便了我们根据图层名称获取对应的图层了。