vue3验证两次密码是否一致

在Vue 3中，可以使用`v-model`指令绑定输入框的值，并使用`watch`来监听值的变化。以下是一个示例代码，用于验证两次密码是否一致：

首先，需要在Vue实例中定义两个密码字段和一个用于存储验证结果的变量：

data() {
  return {
    password: '',
    confirmPassword: '',
    passwordsMatch: false
  }
}

然后，可以使用`watch`来监听两个密码字段的变化，并在变化时执行验证逻辑：

watch: {
  password() {
    this.validatePasswords();
  },
  confirmPassword() {
    this.validatePasswords();
  }
},

在`validatePasswords`方法中，可以比较两个密码字段的值，并将验证结果存储在`passwordsMatch`变量中：

methods: {
  validatePasswords() {
    this.passwordsMatch = this.password === this.confirmPassword;
  }
}

最后，在模板中可以根据`passwordsMatch`的值显示相应的提示信息：

<div>
  <label for="password">Password:</label>
  <input type="password" id="password" v-model="password">
</div>

<div>
  <label for="confirmPassword">Confirm Password:</label>
  <input type="password" id="confirmPassword" v-model="confirmPassword">
</div>

<div v-if="!passwordsMatch">
  Passwords do not match.
</div>

这样，当两次密码不一致时，会显示"Passwords do not match."的提示信息。