vue2.0 element-ui登录样式

### 回答1：
在Vue 2.0中使用Element UI进行登录样式的话，你可以按照以下步骤进行：

1. 首先，在你的Vue项目中安装Element UI，你可以使用npm或者yarn命令进行安装：

npm install element-ui --save

# 或者

yarn add element-ui

2. 在你的Vue项目中导入Element UI组件库。你可以在main.js或者其他需要使用Element UI的地方进行导入：

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

Vue.use(ElementUI);

3. 在你的登录组件中使用Element UI提供的组件，例如el-form、el-input、el-button等，来完成登录表单的设计：

<template>
  <el-form ref="loginForm" :model="loginForm" :rules="loginRules" label-width="80px">
    <el-form-item label="用户名" prop="username">
      <el-input v-model="loginForm.username"></el-input>
    </el-form-item>
    <el-form-item label="密码" prop="password">
      <el-input type="password" v-model="loginForm.password"></el-input>
    </el-form-item>
    <el-form-item>
      <el-button type="primary" @click="handleSubmit">登录</el-button>
    </el-form-item>
  </el-form>
</template>

<script>
export default {
  data() {
    return {
      loginForm: {
        username: '',
        password: ''
      },
      loginRules: {
        username: [
          { required: true, message: '请输入用户名', trigger: 'blur' }
        ],
        password: [
          { required: true, message: '请输入密码', trigger: 'blur' }
        ]
      }
    };
  },
  methods: {
    handleSubmit() {
      // 处理登录逻辑
    }
  }
};
</script>

这样就可以在你的Vue项目中使用Element UI来设计登录样式了。需要注意的是，以上代码只是一个示例，实际上还需要根据你的实际需求进行相应的调整。

### 回答2：
Vue2.0中使用Element UI实现登录样式可以通过以下步骤进行：

1. 引入Element UI组件库：首先在项目中安装Element UI依赖包，通过npm或yarn安装，然后在项目的入口文件(main.js或App.vue)中引入Element UI的主题样式和组件。

例如，可以使用以下命令安装Element UI：

npm install element-ui --save

然后在main.js文件中引入Element UI：

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

2. 创建登录页面：在项目的某个组件中，可以是单独的登录组件或者将登录作为页面的一部分，编写登录表单和相关样式。

例如，可以创建一个Login.vue文件，在其中定义登录表单：

<template>
  <div class="login-container">
    <el-form :model="loginForm" ref="loginForm" class="login-form">
      <el-form-item>
        <el-input placeholder="请输入用户名" v-model="loginForm.username"></el-input>
      </el-form-item>
      <el-form-item>
        <el-input type="password" placeholder="请输入密码" v-model="loginForm.password"></el-input>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="login">登录</el-button>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      loginForm: {
        username: '',
        password: ''
      }
    }
  },
  methods: {
    login() {
      // 处理登录逻辑
    }
  }
}
</script>

<style scoped>
.login-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.login-form {
  width: 300px;
  padding: 20px;
}
</style>

3. 编写相关逻辑：在Login.vue组件中，根据业务需求，编写登录逻辑。

例如，可以在`login`方法中发送登录请求，处理登录逻辑：

methods: {
  login() {
    // 使用axios或其他方式发送登录请求
    axios.post('/login', this.loginForm)
      .then(response => {
        // 登录成功，处理相关逻辑
      })
      .catch(error => {
        // 登录失败，处理错误信息
      });
  }
}

以上便是使用Vue2.0和Element UI实现登录样式的简单示例。在实际开发中，可以根据需求对登录页面和相关逻辑进行更加详尽的处理。

### 回答3：
Vue2.0 Element-UI登录样式可以通过使用Element-UI提供的组件和样式来创建。

首先，我们需要在项目中安装Element-UI并引入其样式。可以通过npm安装Element-UI，并在项目的main.js文件中引入Element-UI的样式文件。

在登录页面中，可以使用Element-UI提供的`el-form`组件来创建表单，并使用`el-input`组件来输入用户名和密码。

然后，可以使用`el-button`组件创建登录按钮。可以设置按钮的类型为`primary`来突出显示登录操作。

可以利用Element-UI提供的样式类来进行布局和调整样式。例如，可以使用`el-form`组件的`label-position`属性来设置标签的位置，使用`el-form`组件的`size`属性来设置表单元素的尺寸，并使用`el-button`组件的`class`属性来设置按钮的样式类。

此外，还可以自定义样式来适应项目的需求。可以通过在Vue组件中定义`style`部分来编写自定义的CSS样式代码，并将其应用到相应的元素上。

总之，Vue2.0 Element-UI登录样式的实现方式有很多，可以通过使用Element-UI提供的组件、样式和类，以及自定义的CSS样式来创建具有吸引力且符合项目需求的登录页面。