怎么在vue2.0中实现登陆

在 Vue2.0 中实现登录，一般需要以下步骤：

1. 创建一个登录页面，包括用户名和密码的输入框以及登录按钮。
2. 在 Vue 实例中，设置 data 属性来存储用户名和密码。
3. 通过 axios 或其他 HTTP 请求库，发送登录请求给后端，在回调函数中处理登录成功或失败的情况。
4. 在登录成功后，将后端返回的 token 存储到浏览器的 localStorage 中，以便后续的请求都可以携带该 token。
5. 在路由守卫中，判断用户是否已经登录，若未登录，则重定向到登录页面。

下面是一个简单的示例代码：

<template>
  <div>
    <input type="text" v-model="username" placeholder="请输入用户名"/>
    <input type="password" v-model="password" placeholder="请输入密码"/>
    <button @click="login">登录</button>
  </div>
</template>

<script>
import axios from 'axios'

export default {
  data () {
    return {
      username: '',
      password: ''
    }
  },
  methods: {
    login () {
      axios.post('/api/login', {
        username: this.username,
        password: this.password
      }).then(response => {
        // 登录成功，保存 token 到 localStorage 中
        localStorage.setItem('token', response.data.token)
        // 跳转到首页或其他页面
        this.$router.push('/')
      }).catch(error => {
        // 登录失败，提示错误信息
        alert(error.response.data.message)
      })
    }
  }
}
</script>