15、地理定位博客开发：路由设置与Vuex状态管理

地理定位博客开发：路由设置与Vuex状态管理

1. 路由设置

应用程序将包含三个页面：
- 带有“使用Google登录”按钮的登录页面
- 带有地图的主地理定位博客页面
- “未找到”页面

以下是设置这些页面的步骤：
1. 创建组件文件夹和复制组件 ：创建一个新的 src/components 文件夹，并从之前的项目中复制 NotFound.vue 组件。
2. 添加 App.vue 文件 ：此文件包含 router-view 组件和主样式文件。

<template>
  <div class="app">
    <router-view />
  </div>
</template>
<style lang="stylus">
@import '../styles/main';
</style>

3. 添加 GeoBlog.vue 文件 ：目前这个文件内容比较简单。

<template>
  <div class="geo-blog">
    <