vue路由和子路由children的使用

文章目录

• • 一、vue路由的使用
  • 二、/child和child的区别

一、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路由基础

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！