如何验证Vuejs中每一个字符的密码字段？

<template>
  <div>
    <input type="password" v-model="password" @input="validatePassword" />
    <p v-if="isPasswordValid">密码有效</p>
    <p v-else>密码无效</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      password: '',
    };
  },
  computed: {
    isPasswordValid() {
      // 使用正则表达式验证密码
      const regex = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[a-zA-Z\d]{8,}$/;
      return regex.test(this.password);
    },
  },
  methods: {
    validatePassword() {
      // 执行密码验证
      // 可以在这里执行其他验证逻辑
    },
  },
};
</script>