vue 使用 百度地图 事件响应

要在 Vue 中使用百度地图，并响应地图上的事件，可以使用以下步骤：

1. 在 index.html 文件中引入百度地图 JavaScript API，例如：

<script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&ak=您的密钥"></script>

2. 在 Vue 组件中创建地图容器，例如：

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

3. 在 Vue 组件的 `mounted` 钩子函数中初始化地图，并监听地图上的事件，例如：

mounted() {
  // 初始化地图
  let map = new BMap.Map('map-container')
  // 设置地图中心点和缩放级别
  let point = new BMap.Point(116.404, 39.915)
  map.centerAndZoom(point, 15)
  // 监听地图点击事件
  map.addEventListener('click', this.handleMapClick)
},
methods: {
  // 处理地图点击事件
  handleMapClick(e) {
    console.log('您在地图上点击了：', e.point.lng, e.point.lat)
  }
}

在上面的代码中，我们在 `mounted` 钩子函数中创建了一个地图实例，并设置了地图的中心点和缩放级别。然后，我们通过 `addEventListener` 方法监听了地图的点击事件，并在 `handleMapClick` 方法中处理了点击事件，并输出了点击的经纬度坐标。

除了监听点击事件，百度地图还支持很多其他的事件，例如 `zoomend` 事件、`dragend` 事件等。具体的事件列表可以参考百度地图 JavaScript API 的文档。