这篇文章主要介绍Vue如何实现数字输入框中分割手机号码功能，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

成都创新互联公司专注为客户提供全方位的互联网综合服务，包含不限于成都网站建设、网站建设、无极网络推广、微信小程序开发、无极网络营销、无极企业策划、无极品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；成都创新互联公司为所有大学生创业者提供无极建站搭建服务，24小时服务热线：18982081108，官方网址：www.cdcxhl.com

vue是什么

Vue是一套用于构建用户界面的渐进式JavaScript框架，Vue与其它大型框架的区别是，使用Vue可以自底向上逐层应用，其核心库只关注视图层，方便与第三方库和项目整合，且使用Vue可以采用单文件组件和Vue生态系统支持的库开发复杂的单页应用。

需求

在移动端弹出系统数字键盘，输入手机号码的时候，使用344形式分割。

分析：

1. 首先，如果要在移动端弹出数字键盘，并且还可以有空格，那么就要使用type="phone"的input框

2. 如果要实现输入的时候增加空格，删除的时候减少空格，那么就要使用watch

3. 手机号码为11位，加上两个空格，最多13位，因此要限定长度

代码实现