下面简单分析一下这个页面效果怎么实现的（前端部分）
目录
一、左侧菜单栏如何实现
在index.html中创建了一个Vue对象，在data()内创建了menuList 数组，他其中放的是各种各样的json数据，分别对应左侧菜单的不同按钮。但这部分是数据准备，并非展示。
我们通过ElementUI(由饿了么团队开源的UI框架，并于Vue完美契合)提供的el-menu组件将菜单内容展现出来。里面的v-for表示遍历，遍历内容为上面所说的menuList数组。
由于 我们的菜单选项没有子选项，因此上面的v-if不满足，会进入到下面的v-else，然后在这里会将菜单选项的内容设置为item.name。
二、点击左侧不同的菜单选项，右侧页面也会随之更改的原理
由上图可以看出我们定义了一个@click。即点击事件，我们在点击不同的菜单按钮时，会将item传过来，menuHandle的内容如下：
可以看出，点击过后我们会将点击菜单对应的url传给iframeUrl，而iframeUrl被iframe使用。iframe简单来说就是在页面中挖了个坑放其他页面，因此我们点击不同的菜单选项，就会切换不同的url地址，将对应的html文件展示出来。
由上图可以发现，url中对应的正是不同的html文件