Vue+ElementUI+VueRouter实现左边导航栏切换页面内容组件显示

显示效果如下：

效果说明：

1. 实现左边导航栏这一效果就得借用到ElementUI组件中关于导航菜单的使用，NavMenu 导航菜单，这个是为网站提供导航功能的菜单样式。
2. 而点击导航栏能够实现内容页面的切换主要是依赖于VueRouter功能。
3. 左边点击导航栏进行导航时，路由切换到对应的页面，这里需要使用
   组件可以支持在具有路由功能的应用中 (点击) 导航， 通过to属性指定目标地址，默认渲染成带有正确链接的标签，可以通过配置 tag 属性生成别的标签.。
4. 点击导航后能成功渲染页面则需要使用
   组件是一个functional组件，渲染路径匹配到的视图组件。渲染的组件还可以内嵌自己的，根据嵌套路径，渲染嵌套组件。

最后书写实例代码如下：

export default {
		data() {
			return {
				navs: [{
						name: '账户信息',
						path: 'account',
						value:'iconfont icontabs_gerenzhongxin_zhanghuxinxi',
						key: 'account'
					},
					{
						name: '我的消息',
						path: 'message',
						value: 'iconfont icontabs_gerenzhongxin_wodexiaoxi',
						key: 'message'
					},
					{
						name: '我的申请',
						path: 'apply',
						value: 'iconfont icontabs_gerenzhongxin_wodeshenqing',
						key: 'apply'
					},
					{
						name: '我的收藏',
						path: 'favor',
						value: 'iconfont icontabs_gerenzhongxin_wodeshoucang',
						key: 'favor'
					}],
			};
		},
		methods: {

		}
	};