tnbapp/src/router/chat.js

const Chat = () => import('views/chat/Chat')
const ChatList = () => import('views/chat/ChatList')
const ChatDialogue = () => import('views/chat/ChatDialogue')
const ChatAddressBook = () => import('views/chat/ChatAddressBook')
const ChatMe = () => import('views/chat/ChatMe')

export default {
  path: '/chat',
  name: 'Chat',
  component: Chat,
  redirect: '/chat/list',
  meta: { needAuth: false },
  children: [
    {
      path: '/chat/list',
      name: 'ChatList',
      component: ChatList,
      meta: { title: '聊天', needAuth: false }
    },
    {
      path: '/chat/dialogue',
      name: 'ChatDialogue',
      component: ChatDialogue,
      meta: { title: 'xxx', needAuth: false }
    },
    {
      path: '/chat/contact',
      name: 'ChatAddressBook',
      component: ChatAddressBook,
      meta: { title: '通讯录', needAuth: false }
    },
    {
      path: '/chat/me',
      name: 'ChatMe',
      component: ChatMe,
      meta: { title: '我', needAuth: false }
    }
  ]
}