vue-baidu-map如何循环使用bm-label

vue-baidu-map提供了一个叫做`<bm-label>`的组件用于在地图上添加标注。如果你想循环使用`<bm-label>`组件，可以在`v-for`循环中使用，如下所示：

<template>
  <baidu-map ak="yourBaiduMapAk" @ready="onMapReady">
    <bm-label v-for="(label, index) in labelList" :key="index" :position="label.position">{{ label.content }}</bm-label>
  </baidu-map>
</template>

<script>
export default {
  data() {
    return {
      labelList: [
        { position: [116.404, 39.915], content: '这是第一个标注' },
        { position: [116.406, 39.916], content: '这是第二个标注' },
        { position: [116.408, 39.917], content: '这是第三个标注' },
      ],
    };
  },
  methods: {
    onMapReady(map) {
      // 地图准备就绪后的处理
    },
  },
};
</script>

在这个例子中，我们在`<bm-label>`组件上使用了`v-for`循环，循环渲染了`labelList`数组中的每个标注。每个标注的经纬度和标注内容都在`labelList`数组中定义。通过`key`属性指定循环中每个标注的唯一标识符，以提高渲染效率。