vue.js客服系统实时聊天项目开发（二十二）vue项目中router.js路由介绍

import Vue from 'vue'
import Router from 'vue-router'
//登录页
import Login from './components/Login.vue'
//PC访客聊天页
import ChatPage from './components/ChatPage.vue'
//H5访客聊天
import ChatApp from './components/ChatApp.vue'
//客服主面板
import Main from './components/Main.vue'
//在线访客页
import OnlineVisitor from './components/OnlineVisitor.vue'
//等等

Vue.use(Router)

export default new Router({
  routes: [
      { path: '/login', component: Login },
      { path: '/chatPage', component: ChatPage },
      { path: '/chatApp', component: ChatApp },
      { path: '/main', component: Main ,
        children:[
            {
              path:'onlineVisitor',
              component:OnlineVisitor
            },
        ]
      },
  ]
})