给自己留着以后看,不说废话直接上代码
路由搭配
const routes = [
{
path:'/',
component: Home
},
{
path: '/home',
redirect:'/',
name: 'Home',
component: Home
},
{
path: '/probe',
name: 'Probe',
component: () => import( '../views/probe/probe.vue'),
},
{
path:'/message',
name:'Message',
component: () => import('../views/message/message.vue'),
children:[
{
path:'bazaar',
name:'Bazaar',
component: () => import('../views/message/components/bazaar.vue')
},
{
path:'gether',
name:'Gether',
component: () => import('../views/message/components/gether.vue')
},
{
path:'study',
name:'Study',
component: () => import('../views/message/components/study.vue')
}
]
},
]
数据源
data(){
re