基于element-ui 实现左右布局，左侧为菜单，右侧为内容展示区

1. 首先，需要安装element-ui，可以使用npm安装：

   npm install element-ui --save

2. 在Vue的入口文件中，引入element-ui的样式和组件：

   import Vue from 'vue'
   import ElementUI from 'element-ui'
   import 'element-ui/lib/theme-chalk/index.css'

   Vue.use(ElementUI)

3. 在组件中，使用el-container、el-aside、el-main等组件实现左右布局：

   <template>
     <el-container>
       <el-aside width="200px">
         <!-- 左侧菜单 -->
         <el-menu>
           <el-menu-item index="1">菜单1</el-menu-item>
           <el-menu-item index="2">菜单2</el-menu-item>
           <el-menu-item index="3">菜单3</el-menu-item>
         </el-menu>
       </el-aside>
       <el-main>
         <!-- 右侧内容区域 -->
         <router-view></router-view>
       </el-main>
     </el-container>
   </template>

4. 最后，使用路由控制右侧内容区域的展示。