vue 安装 @amap/amap-jsapi-loader

要安装 @amap/amap-jsapi-loader，可以按照以下步骤操作：

1. 打开终端并进入你的项目目录。
2. 运行以下命令安装 @amap/amap-jsapi-loader：

npm install @amap/amap-jsapi-loader --save

3. 在 Vue 项目中使用 @amap/amap-jsapi-loader。可以在 main.js 中添加以下代码：

import AMapLoader from '@amap/amap-jsapi-loader'

Vue.prototype.$amapLoader = AMapLoader.load({
  key: 'your amap key',
  version: '2.0', // 默认为 1.4
  plugins: [], // 需要加载的插件列表
  AMapUI: { // 是否加载 AMapUI， 默认不加载
    version: '1.1', // AMapUI 版本号
    plugins: [] // 需要加载的 AMapUI 插件列表
  },
  Loca: { // 是否加载 Loca， 默认不加载
    version: '1.3.2' // Loca 版本号
  }
})

其中，`key` 参数是你的高德地图应用程序的 API 密钥，`plugins` 参数是需要加载的插件列表，`AMapUI` 和 `Loca` 是可选参数，用于加载 AMapUI 和 Loca 库。

4. 在需要使用高德地图的组件中调用 `$amapLoader` 对象中的方法，比如：

this.$amapLoader.then((AMap) => {
  const map = new AMap.Map('map-container', {
    zoom: 10,
    center: [116.39, 39.9]
  })
})

这样就可以使用 @amap/amap-jsapi-loader 在 Vue 项目中加载高德地图了。