接着上个问题，把js引入html中，如何创建地图new AMap.Map在.vue文件中显示

要在.vue文件中显示高德地图，可以按照以下步骤操作：

1. 在index.html文件中引入高德地图的JavaScript API：

<script src="https://webapi.amap.com/maps?v=1.4.15&key=your-key"></script>

其中，your-key需要替换成你自己的高德地图开发者Key。

2. 在.vue文件中通过JavaScript代码创建地图，并将其显示在页面上：

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

<script>
export default {
  mounted() {
    // 创建地图
    const map = new AMap.Map("map-container", {
      zoom: 12, // 缩放级别
      center: [116.397428, 39.90923] // 地图中心点坐标
    });

    // 添加控件
    map.addControl(new AMap.Scale());
    map.addControl(new AMap.ToolBar());

    // 添加标记点
    const marker = new AMap.Marker({
      position: [116.397428, 39.90923],
      title: "北京市"
    });
    marker.setMap(map);
  }
}
</script>

<style>
#map-container {
  height: 400px;
}
</style>

在上面的代码中，mounted钩子函数会在组件挂载后执行。在这个函数中，我们通过new AMap.Map()方法创建地图，并将其显示在id为map-container的div元素中。然后，我们添加了一个比例尺和一个工具栏控件，并在地图上添加了一个标记点。

最后，我们在样式中设置了地图容器div的高度为400px。