vue切换左侧菜单栏目，对应切换显示右侧内容

1、右侧显示区域使用：

    

    
        
            Layout
        
        
			
        
    

2、左侧栏目菜单使用：指定页面进行跳转

	
		
		订单管理
	

3、router的index.js引入页面，右侧显示的页面均需要写在index（指：首页）组件的子路由中

import index from '../views/Home.vue'
import Login from '../views/login/login.vue'
import Order from '@/components/order.vue'
import Article from '@/components/article.vue'

  {
    path: '/',
    name: 'index',
    component: index,
	redirect:'/',
	meta: {
	  title: '管理后台',
	  hideInMenu: true
	},
	children:[
		{
		path:'/Order',
		name:'Order',
		component: Order
		},
		{
		path:'/Article',
		name:'Article',
		component: Article
		}
	]
  }

参考文章：https://blog.csdn.net/qq_41588568/article/details/98939243