vue路由和子路由children的使用
转自博客1:https://www.cnblogs.com/itgezhu/p/13321196.html
·
一、vue路由的使用
(1)router文件夹下的JS文件
(2)在vue文件中利用< router-view />来展示路由中的某个组件,实现页面切换
二、/child和child的区别
(1)/child = > 直接访问 /child就可以访问子组件
//直接访问/Index2,就可以访问index2这个子组件
const router = [
{
path:'/index,
name:'index'
componen:Index,
//子路由
children:[
{
path:'/index2',
name:'index2'
component:Index2
}
]
}
]
(2)child = > 访问 /parent/child才可以访问子组件
//url为 "/index/index2",所以通过访问/index/index2才能访问子组件
const router = [
{
path:'/index,
name:'index'
componen:Index,
//子路由
children:[
{
path:'index2',
name:'index2'
component:Index2
}
]
}
]
转自博客1:https://www.cnblogs.com/itgezhu/p/13321196.html
路由基础参考:vue路由基础
更多推荐
已为社区贡献2条内容
所有评论(0)