element-ui+vue-router:实现导航栏跳转路由

在实际开发中我们常常遇到在单页面中点击导航栏菜单中的某一选项卡，页面中的某个部分出现相关的信息，也就是使用导航栏进行路由跳转。如下图所示（在线格式转换）。

示例

<template>
	<el-container>
  <el-header>
		<div class='sys-title'>后台管理系统</div>
		<div class='header-right'>
			<span>网站首页</span>
			<span>头像</span>
			<span>admin</span>
			<span>退出</span>
		</div>
	</el-header>
  <el-container>
    <el-aside width="200px">
			<el-menu :router='true'
			active-text-color='#ffd04b'>
				<el-submenu index='/admin/users'>
					<template slot='title'>
						<span>个人中心</span>
					</template>
					<el-menu-item index='/admin/users/personal'>个人资料</el-menu-item>
					<el-menu-item index='/admin/users/password'>修改密码</el-menu-item>
				<