Vue Router 如何通过v-for的方式循环出简单的路由

1
router -> index.vue文件

import Vue from 'vue'
import VueRouter from 'vue-router'
/* Layout */
import Layout from '@/layout'
Vue.use(VueRouter)

export const routes = [
  {
   
    path: '/safety',
    redirect: '/safety',
    component: Layout,
    children: [
      {
   
        path: '/safety',
        component: () => import('@/views/safety/index.vue'),
        name: 'safety',
        meta: {
    title: '应急安全管理系统', icon: 'documentation' }
      }
    ]
  },
  {
   
    path: '/pollutionResource',
    redirect: '/pollutionResource',
    component: Layout,
    children: [
      {
   
        path: '/pollutionResource',
        component: () => import('@/views/pollutionResource/index.vue'),
        name: 'pollutionResource',
        meta: {
    title: '外排污染源自动监控系统', icon: 'documentation' }
      }
    ]
  },
  {
   
    path: '/deviceStatus',
    redirect: '/deviceStatus',
    component: Layout,
    children: [
      {
   
        path: '/deviceStatus',
        component: () => import('@/views/deviceStatus/index.vue'),
        name: 'deviceStatus',
        meta: {
    title: '设备状态监控系统', icon: 'documentation' }
      }
    ]
  }