【番外】 Vue中使用ArcGIS JS API 4.14开发

一、概述

在之前很长的一段时间中，使用ArcGIS JS API(以下简称“JS API”)开发WebGIS系统的时候，还是基于传统的前端框架和各种前端技术来开发，这些框架和技术各位使用过的大概有这些：Dojo、jQuery、Bootstrap、CommonJS等。用这些传统的技术框架结合JS API去开发的时候，我们引入JS API是在系统的HTML页面中通过<script>和<style>标签来引入，通常的做法是在主页(index.html)中引入，代码如下所示：

<link rel="stylesheet" href="http://localhost/4.14/esri/themes/light/main.css" />
<script src="http://localhost/4.14/init.js"></script>

目前，随着前端技术的不断发展，React和Vue等前端开发技术已经成为了一名前端开发者的标配，作为GISer的我们也毫无例外，在开发许许多多的WebGIS项目系统时，我们都会去选择目前主流的这些开发技术，其中使用最多的就是React和Vue这两种。所以本文就主要介绍下我们如何使用Vue结合JS API去开发我们的项目系统。

 

二、开始前的技术基础

• 有一定的Vue基础知识，熟悉ES6(能看懂一个Vue文件中HTML标签、CSS代码、JS代码之前的联系就行)
• 计算机安装了NodeJS,听说过npm这个东西