Vue--导航栏菜单

这里是刚学习vue的时候，没有用vue的任何UI组件库写的导航栏菜单。

menu.html

	
		
		
		
		
		
	
	
		

			

				
				

					项目名称
				
				
				

					
					您好，用户！
				
			
		
		

			

				

					
					

						

							
								v-bind:class="{checked: index == nowIndex}"
								v-on:click="setTab('menu',index,menus)">
								{{ menu.text }}
							
						
					
					
					

						
菜单一的内容
						
菜单二的内容
						
菜单三的内容
						
菜单四的内容
						
菜单五的内容
						
菜单六的内容
					
				
			
		
		

	
	

效果图如下：

学会这个之后，大家可以学习下vue的相关UI组件库，那样更简单，做出来的效果也更漂亮哟^_^