帮我写一个vue的登陆界面，能完全运行并打包发给我。

抱歉，但我无法直接为你创建完整的Vue项目并打包发送。不过，我可以帮你指导如何快速搭建一个基本的登录界面。首先，你需要安装Vue CLI（命令行工具），然后创建一个新的Vue项目。

# 安装 Vue CLI
npm install -g @vue/cli

# 创建新项目
vue create my-login-app

# 进入项目目录
cd my-login-app

# 添加路由到登录页
vue add router

打开`src/router/index.js`，添加一个简单的路由：

import Vue from 'vue'
import Router from 'vue-router'
import LoginPage from '@/components/LoginPage'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/login',
      name: 'Login',
      component: LoginPage,
    },
    // 更多路由...
  ]
})

接着，在`src/components/LoginPage.vue`创建登录组件：

<template>
  <div>
    <h2>Login</h2>
    <form @submit.prevent="handleSubmit">
      <input type="text" v-model="username" placeholder="Username" />
      <input type="password" v-model="password" placeholder="Password" />
      <button type="submit">Log In</button>
    </form>
    <p>{{ message }}</p> <!-- 显示错误信息 -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      username: '',
      password: '',
      message: ''
    }
  },
  methods: {
    handleSubmit(event) {
      if (this.username === '' || this.password === '') {
        this.message = 'Please fill in both fields.'
      } else {
        // 实际的登录逻辑可以在这里处理，这里只是一个示例
        this.message = 'Logging in...';
      }
      event.preventDefault();
    }
  }
}
</script>

最后，运行项目：

npm run serve

访问http://localhost:8080/login 就能看到你的登录界面。这只是一个基础的示例，实际应用中还需要连接后端API验证用户，并包含更多的错误处理。