vue 怎么使用腾讯地图

要在Vue中使用腾讯地图，你可以按照以下步骤进行操作：

1. 在index.html中引入腾讯地图JavaScript API的URL，例如：

<script src="https://map.qq.com/api/js?v=2.exp&key=YOUR_KEY"></script>

2. 在Vue组件中创建一个地图容器

<template>
  <div id="map" style="height: 400px;"></div>
</template>

3. 在Vue组件的`mounted`函数中初始化地图，并添加标记等操作

<script>
export default {
  name: 'MapDemo',
  mounted() {
    // 初始化地图
    const map = new qq.maps.Map(document.getElementById('map'), {
      center: new qq.maps.LatLng(39.916527, 116.397128),
      zoom: 13,
    });

    // 添加标记
    const marker = new qq.maps.Marker({
      position: new qq.maps.LatLng(39.916527, 116.397128),
      map,
    });

    // 添加信息窗口
    const infoWin = new qq.maps.InfoWindow({
      map,
    });
    qq.maps.event.addListener(marker, 'click', () => {
      infoWin.open();
      infoWin.setContent('<div style="width:280px;height:100px;">这是一个信息窗口</div>');
      infoWin.setPosition(marker.getPosition());
    });
  },
};
</script>

其中，`YOUR_KEY`是你在腾讯地图开放平台申请的API Key。上述代码演示了如何在地图上添加标记和信息窗口。你可以根据自己的需求进行操作。