以所学Vue指令和ElementUI指令完成注册页面的设计。注册至少得需要5项信息（用户名 密码 确认密码 邮箱 手机号的结果）

Vue是一个流行的前端JavaScript框架，用于构建用户界面和单页应用程序。Element UI是一个基于Vue 2.0的桌面端组件库，提供了一套丰富的组件用于快速构建网页界面。在Vue项目中结合Element UI来完成注册页面设计，可以按照以下步骤进行：

1. **创建Vue项目**：首先确保你已经安装了Node.js和Vue CLI。然后在命令行中使用以下命令创建一个新的Vue项目：

   vue create registration-project

在创建过程中，选择需要的配置，比如Babel、Router、Vuex等。

2. **安装Element UI**：进入项目文件夹，然后安装Element UI：

   cd registration-project
   npm install element-ui --save

3. **引入Element UI**：在`main.js`文件中引入Element UI，并使用Vue.use()方法安装：

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

4. **设计注册表单**：在Vue组件中，比如`Register.vue`，使用Element UI的表单组件来构建注册页面。以下是一个简单的示例代码：

   <template>
     <el-form :model="form" label-width="100px" class="demo-ruleForm">
       <el-form-item label="用户名">
         <el-input v-model="form.username"></el-input>
       </el-form-item>
       <el-form-item label="密码">
         <el-input type="password" v-model="form.password"></el-input>
       </el-form-item>
       <el-form-item label="确认密码">
         <el-input type="password" v-model="form.confirmPassword"></el-input>
       </el-form-item>
       <el-form-item label="邮箱">
         <el-input v-model="form.email"></el-input>
       </el-form-item>
       <el-form-item label="手机号码">
         <el-input v-model="form.phone"></el-input>
       </el-form-item>
       <el-form-item>
         <el-button type="primary" @click="submitForm('form')">注册</el-button>
       </el-form-item>
     </el-form>
   </template>
   
   <script>
   export default {
     data() {
       return {
         form: {
           username: '',
           password: '',
           confirmPassword: '',
           email: '',
           phone: ''
         }
       };
     },
     methods: {
       submitForm(formName) {
         this.$refs[formName].validate((valid) => {
           if (valid) {
             console.log('submit!');
             // 这里可以处理注册逻辑，比如调用API
           } else {
             console.log('error submit!!');
             return false;
           }
         });
       }
     }
   };
   </script>

5. **添加表单验证**：使用Element UI的表单验证规则，确保用户输入的信息符合预期格式。在上面的例子中，`<el-form>`的`ref`属性用于获取表单实例进行验证。

完成以上步骤后，你就有了一个基于Vue和Element UI的简单注册页面。用户填写完毕信息并点击注册按钮后，表单会进行验证，若验证通过，则可以进一步处理注册逻辑，比如发送数据到服务器。