写一个基于vue2.0的登陆界面

好的，下面是一个基于 Vue 2.0 的登录界面的示例：

<template>
  <div>
    <form>
      <label for="username">用户名</label>
      <input v-model="username" type="text" id="username" />
      <br />
      <label for="password">密码</label>
      <input v-model="password" type="password" id="password" />
      <br />
      <button @click.prevent="login">登录</button>
    </form>
  </div>
</template>

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

<style>
form {
  display: flex;
  flex-direction: column;
}
</style>

在这个示例中，我们使用了 Vue 的指令 `v-model` 来双向绑定表单元素的值，并且使用了 `@click.prevent` 来阻止默认的提交行为。我们在点击登录按钮时，会调用组件中定义的 `login` 方法，在这个方法中可以处理登录逻辑。