Javascript Vue登录表单-多用户

我已经用Vue.js创建了一个登录表单。我是Vue.js框架的新手，希望编写一个测试。如何获得更多用户？我只能使用一个已创建的用户登录

username: 'tiko', password: 'miko'

---

首先，在现实世界中，这根本不是制作登录表单的方式。您需要加密，并且需要将凭据外部存储在数据库中

但是，当您只是使用它来玩VueJS时，这是很好的

其次，您当前将所有内容作为字符串存储在seperate变量中。如果您希望能够存储多个凭据，我将存储一个将用户名映射到密码的对象

data: {
  credentials: {
    "bob": "password123"
    "hank": "dolfins123"
  }
}

然后，您可以使用以下方法验证输入字段中的凭据是否正确：

methods: {
    onSubmit() {
      if(credentials[this.username] !== this.password) {
        this.errors = new Error();
        this.errors.set('Invalid credentials!');
      }
      else {
        alert('Success!');
      }
    }
  }

methods: {
    onSubmit() {
      if(credentials[this.username] !== this.password) {
        this.errors = new Error();
        this.errors.set('Invalid credentials!');
      }
      else {
        alert('Success!');
      }
    }
  }