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

Logo

前往低代码交流专区

更多推荐