要在 Vue 中验证手机号，您通常需要以下几个步骤：

1. 安装一个验证库（如 VeeValidate）或手动编写验证逻辑。
2. 在您的组件中应用验证。
3. 显示验证消息。

以下是一个简单的示例，演示如何手动在 Vue 组件中验证手机号：

1. 在 Vue data 中声明相关变量：

data() {
    return {
        phoneNumber: '', // 用于绑定输入框的值
        phoneValid: true, // 用于存储手机号是否有效
        errorMessage: '' // 存储验证消息
    };
}

2. 添加一个方法来验证手机号：

methods: {
    validatePhoneNumber() {
        // 使用正则表达式验证手机号
        // 这是一个简单的验证：检查是否有10到15位数字
        // 您可能需要根据您的地区或需求进行修改
        const pattern = /^\d{10,15}$/;
        if (pattern.test(this.phoneNumber)) {
            this.phoneValid = true;
            this.errorMessage = '';
        } else {
            this.phoneValid = false;
            this.errorMessage = '无效的手机号';
        }
    }
}

3. 在模板中添加输入框和验证消息：

<template>
  <div>
    <input type="text" v-model="phoneNumber" @blur="validatePhoneNumber">
    <p v-if="!phoneValid" style="color: red">{{ errorMessage }}</p>
  </div>
</template>

在上述代码中，当用户离开输入框（失去焦点）时，将触发 validatePhoneNumber 方法，该方法将验证输入的手机号并显示相应的验证消息。

请注意，这只是一个基础的示例，实际的手机号验证可能会复杂得多，取决于您所在的国家和您的具体需求。如果需要更复杂的验证逻辑或其他功能（如异步验证、多字段验证等），建议使用 Vue 的验证库，如 VeeValidate。