【完整的WebGIS教程】3.1使用Vue路由构建多页面的WebGIS程序

3.1使用Vue路由构建多页面的WebGIS程序

本节描述：在第2节中，我们构建了一个 Vue的前端程序，并使用esri-loader引入了ArcGIS API for JS的Map、MapView模块，构建了一个简单的WebGIS程序。但是我们的程序只有一个页面，不能实现页面跳转，因此在本节我们借助vue router来实现页面之间的跳转。

1 安装vue router

1、通过以下命令安装路由，如下：

npm install vue-router --save-dev
建议像我一样直接指定版本
npm install vue-router@3.5.3 --save-dev

如果报错

export 'default' (imported as 'VueRouter') was not found in 'vue-router

就卸载当前vue-cli，然后安装别的版本的

2 在页面