解决“vue-router子路由默认视图不显示”问题

今天在看Vue学习视频，老师讲解vue-router多级路由的使用，在写完视频里的例子后，自己测试发现一个小问题（当时视频里没有提及），我是用name实现的路由之间的切换，其中一个有子路由，发现子路由的默认显示没有了（第一次默认有，第二次点击就没有了），又发现控制台有警告提示，所以我百度想要解决问题。很幸运很快找到解决方案：

针对vue-router子路由默认视图不显示这个问题，要有默认子路由，那父路由的名字name得去掉

下面是代码：（需要自己下载Vue.js和Bootstrap结合代码查看效果，图片自行更换，注意路径，路径正确可以直接运行）

	
	
	
	
	
	




	

		

			

				

					

						

							
							
							
							HTML5学院
							
							Java学院
							Python学院
						
					
					

						

							

								
								
								
							
						
					
				
			
		
	

 

Vue.js下载地址：（进入后找到下载位置右键将链接保存文件）

https://cn.vuejs.org/v2/guide/installation.html