写一个vue+arcgis的项目

很抱歉，作为AI语言模型，我无法真正地创建和操作项目。但是，我可以提供一个基本的Vue ArcGIS项目结构，可以作为您开始开发的起点。

首先，您需要安装Vue CLI和ArcGIS API for JavaScript。

# 安装Vue CLI
npm install -g @vue/cli

# 创建一个新的Vue项目
vue create my-arcgis-project

# 安装ArcGIS API for JavaScript
npm install --save arcgis-js-api

然后，您可以创建一个ArcGIS组件，以在Vue应用程序中显示地图。在`src/components`目录下创建一个名为`Map.vue`的文件，并添加以下代码：

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

<script>
import { loadModules } from "esri-loader";

export default {
  name: "Map",
  props: {
    center: {
      type: Array,
      default: [0, 0]
    },
    zoom: {
      type: Number,
      default: 10
    }
  },
  data() {
    return {
      map: null
    };
  },
  mounted() {
    loadModules(["esri/Map", "esri/views/MapView"]).then(([Map, MapView]) => {
      this.map = new Map({
        basemap: "streets"
      });

      const view = new MapView({
        container: this.$el,
        map: this.map,
        center: this.center,
        zoom: this.zoom
      });

      view.when(() => {
        console.log("Map is ready");
      });
    });
  }
};
</script>

<style>
.map-container {
  height: 100vh;
  width: 100vw;
}
</style>

该组件使用ArcGIS API for JavaScript创建一个地图，并将其显示在`div`元素中。您可以传递`center`和`zoom`属性以指定地图的中心和缩放级别。

接下来，您可以在`App.vue`中使用`Map`组件：

<template>
  <div id="app">
    <Map :center="[37.75, -122.43]" :zoom="12" />
  </div>
</template>

<script>
import Map from "@/components/Map.vue";

export default {
  name: "App",
  components: {
    Map
  }
};
</script>

现在，您可以运行`npm run serve`命令以启动Vue应用程序。您应该能够在浏览器中看到一个具有ArcGIS地图的页面。

这只是一个基本的Vue ArcGIS项目结构，您可以根据自己的需要进行扩展和修改。