Vue.js 路由配置 - 行车管理页面示例

您可以使用以下方式将原始代码转换为所需的形式：

import layout from '@/layout'

const parkingRouter = {
  path: '/parking',
  component: layout,
  meta: {
    title: '行车管理',
    icon: 'park'
  },
  children: [
    {
      path: '/parking/area',
      name: 'area',
      component: () => import('@/views/parking/components/area'),
      meta: {
        title: '区域管理'
      }
    },
    {
      path: '/parking/monthCard',
      name: 'monthCard',
      component: () => import('@/views/parking/components/monthCard'),
      meta: {
        title: '月卡管理'
      }
    },
    {
      path: '/parking/pay',
      name: 'pay',
      component: () => import('@/views/parking/components/pay'),
      meta: {
        title: '停车缴费管理'
      }
    },
    {
      path: '/parking/billing',
      name: 'billing',
      component: () => import('@/views/parking/components/billing'),
      meta: {
        title: '计费规则管理'
      }
    }
  ]
}

export default parkingRouter

这样，您可以将 parkingRouter 导入其他文件中使用。