vue-router中有layout的布局写法

 路由数据demo

export default [
  '/',
  '/activity/application',
  '/activity/change',
  '/activity/applicationDetail',
  '/activity/promotion',
  '/promotion/reimburse',
  '/promotion/join',
  '/promotion/balance',
  '/promotion/attendance',
  '/promotion/person',
  '/promotion/atdList',
  '/promotion/bank',
  '/system/index',
  '/system/search',
  '/schedule/join',
  '/schedule/attendance',
  '/schedule/balance',
  '/promotion-fee/Bill',
  '/promotion-fee/Payment',
  '/promotion-fee/ProjectList',
  '/promotion-fee/Supplier',
  '/promotion-fee/SupplierDetail',
  '/promotion-fee/HistoryMaterials',
  '/promotion-fee/UploadFile',
  '/promotion-fee/ProjectDetail',
  '/promotion-fee/SettlementSheet',
  '/promotion-fee/PaymentDetail',
  '/promotion-fee/CurrentData',
  '/promotion-fee/ReconciliationList',
  '/promotion-fee/UnspecifiedDetails',
  '/promotion-fee/Synchronization',
  '/promotion-fee/SupplierModificationHistory'
]

 router index.js

import Vue from 'vue'
import Router from 'vue-router'
//import ui from './r.ui'
import cms from './r.cms'

let routesData =  cms
let routesChild = []

routesData.map((x) => {
  routesChild.push({
    path: x,
    component: resolve => require([x === '/' ? '@/pages/welcome' : '@/pages' + x], resolve)
  })
})

let routes = [
  {
    path: '/',
    component: resolve => require(['@/components/layout'], resolve),
    children: routesChild
  },
  {
    path: '/login',
    component: resolve => require(['@/pages/login'], resolve)
  }
]

个人博客：jilezhainanshe.com​​​​​​​