写出利用vue➕elementui完成一个管理系统，包含注册登录和主页面的代码。

创建一个基于Vue.js和Element UI的简单管理系统涉及到前端开发的基本流程，这里我会提供一个简化的示例代码结构和关键组件的展示。由于实际系统需要完整的前后端交互和更复杂的UI设计，下面是一个基本的框架：

首先，你需要安装Vue CLI和Element UI的依赖：

npm install -g vue@next @vue/cli
npm install element-ui --save

然后，初始化一个新的Vue项目并选择默认配置：

vue create my-system
cd my-system

接下来，引入Element UI到main.js文件中：

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

Vue.use(ElementUI);

接着，创建一个`User.vue`组件用于用户注册和登录：

<template>
  <div>
    <!-- 注册表单 -->
    <el-form ref="registerForm" :model="registerForm" label-width="80px">
      <!-- ... 表单元素如输入框、按钮等 -->
    </el-form>

    <!-- 登录表单 -->
    <el-form ref="loginForm" :model="loginForm" label-width="80px">
      <!-- ... 表单元素如输入框、密码框、按钮等 -->
    </el-form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      registerForm: { username: '', password: '' },
      loginForm: { username: '', password: '' },
      // 其他必要的状态变量...
    };
  },
  methods: {
    handleRegister() {
      // 处理注册逻辑
    },
    handleLogin() {
      // 处理登录逻辑
    }
  }
};
</script>

主页面（例如`Home.vue`）可以这样设计：

<template>
  <div>
    <h1>欢迎来到管理系统</h1>
    <router-view></router-view>
  </div>
</template>

<script>
import { Route } from 'vue-router';

export default {
  components: {
    AppAside: () => import('./components/AppAside.vue'), // 加载侧边栏组件
    AppContent: ({ route }) => import(`./views/${route.name}.vue`) // 根据路由动态加载视图
  },
  // 更多配置...
};
</script>

注意，这个例子仅展示了基础的用户界面和路由切换，实际应用中还需要设置路由、后端API交互以及权限管理等复杂功能。此外，这只是一个静态模板，真正的动态数据应该通过Vuex进行状态管理。