最新手机号码的正则表达式vue

在Vue.js中，如果你想验证输入的是否是中国大陆的最新手机号码格式（11位，包括区号），你可以使用JavaScript的正则表达式。这里是一个简单的例子：

<template>
  <div>
    <input v-model="phoneNumber" @blur="validatePhoneNumber">
    <p :class="{ valid: isValid }">{{ message }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      phoneNumber: '',
      isValid: false,
      message: ''
    };
  },
  methods: {
    validatePhoneNumber() {
      const regex = /^1[3-9]\d{9}$/; // 匹配中国大陆11位手机号
      this.isValid = regex.test(this.phoneNumber);
      if (this.isValid) {
        this.message = '手机号码有效';
      } else {
        this.message = '请输入正确的11位手机号';
      }
    }
  }
};
</script>

<style scoped>
.valid {
  color: green;
}
</style>

在这个例子中，`^1[3-9]\d{9}$` 是正则表达式，它匹配以1开头、第二位是3到9之间的数字、其余9位任意数字的字符串。