基于Vue+Webpack拆分路由文件实现管理

import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/ponents/HelloWorld'

Vue.use(Router)

export default new Router({
 routes: [
  {
   path: '/',
   name: 'HelloWorld',
   ponent: HelloWorld
  }
 ]
})

// src/router/index.js
import Vue from 'vue'
import Router from 'vue-router'
// 子路由视图VUE组件
import frame from '@/frame/frame'

import HelloWorld from '@/ponents/HelloWorld'
// 引用 news 子路由配置文件
import news from './news.js'

Vue.use(Router)

export default new Router({
 routes: [
  {
   path: '/',
   name: 'HelloWorld',
   ponent: HelloWorld
  }, {
   path: '/news',
   ponent: frame,
   children: news
  }
 ]
})

import main from '@/page/news/main'
import details from '@/page/news/details'

export default [
 {path: '', ponent: main},
 {path: 'details', ponent: details}
]