// 引入
import Vue from 'vue'
import VueRouter from 'vue-router'
// 插件
Vue.use(VueRouter)
const routes = {
{
path: '/login',
name: 'login',//相当于给路径起一个别名,用来跟方便检索,也可以不要
component: () => import('@/views/login')
},
{
path: '/',
component: () => import('@/views/layout'),
children: [
{
path: '',// 默认子路由只能有一个
name: 'home',
component: () => import('@/views/home')
},
{
path: '/qa',
name: 'qa',
component: () => import('@/views/qa')
}
]
}
}
const router = new VueRouter({
routes
})
// 导出
export default router
vue-router子路由的使用
最新推荐文章于 2024-04-26 01:38:35 发布