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

可以尝试以下代码：

<template>
  <div>
    <button @click="addLayer">Add Layer</button>
    <button @click="removeLayer">Remove Layer</button>
  </div>
</template>

<script>
import { ref } from 'vue'

export default {
  name: 'LayerManager',
  setup() {
    const layers = ref([]) // 存放图层的数组

    function addLayer() {
      // 创建一个图层对象
      const layer = {
        name: `Layer ${layers.value.length + 1}`,
        // 其他属性
      }
      layers.value.push(layer) // 将图层对象添加到数组中
    }

    function removeLayer() {
      if (layers.value.length > 0) {
        layers.value.pop() // 移除数组中的最后一个元素（即最后添加的图层对象）
      }
    }

    return {
      layers,
      addLayer,
      removeLayer,
    }
  },
}
</script>

在上述代码中，我们使用了 Vue 3 中新引入的 `ref` 函数来创建响应式数据 `layers`，用于存放图层对象。在 `addLayer` 函数中，我们创建一个新的图层对象并将其添加到 `layers` 数组中；在 `removeLayer` 函数中，我们移除 `layers` 数组中的最后一个元素（即最后添加的图层对象）。这样可以保证数组中的元素顺序与添加顺序一致，方便根据图层名称获得对应的图层对象。