vue-router-sitemap

Vue Router Sitemap 是一个用于生成 Vue.js 应用程序的站点地图（Sitemap）的插件。站点地图是一个包含了网站中所有页面的列表，它有助于搜索引擎索引和了解网站的结构。

使用 Vue Router Sitemap，你可以根据你的路由配置自动创建一个站点地图。它会遍历你的路由表，并根据每个路由的配置生成相应的路由链接。

要使用 Vue Router Sitemap，首先需要安装它。可以通过 npm 或 yarn 来安装：

npm install vue-router-sitemap

安装完成后，在你的 Vue.js 项目中，你需要在你的路由文件中引入 Vue Router Sitemap，并使用它来生成站点地图。

以下是一个简单的示例：

import Vue from 'vue'
import Router from 'vue-router'
import VueRouterSitemap from 'vue-router-sitemap'

Vue.use(Router)

const routes = [
  // 路由配置
]

const router = new Router({
  routes
})

const sitemap = new VueRouterSitemap(router)

// 生成站点地图
sitemap.generate('/sitemap.xml')

在上面的示例中，我们首先引入了 Vue、Router 和 Vue Router Sitemap。然后创建一个包含路由配置的数组，并将其传递给 `new Router()` 来创建一个路由实例。

接下来，我们创建了一个 VueRouterSitemap 实例，并传入我们的路由实例。最后，我们调用 `generate` 方法来生成站点地图，并指定生成的地图的文件路径。

生成的站点地图将保存在指定的文件路径中，你可以根据自己的需要进行调整和配置。