提高开发效率的 Vue 技巧来了

证码组件的复用

手机号 + 验证码进行登录已经是目前主流的登录方式之一了。但是一个项目要使用验证码的地方非常多，像登录、注册、修改密码、信息再次确认的时候都会进行二维码请求。每个地方重写验证码逻辑很麻烦，所以验证码是需要抽象出来的组件的。

验证码通常会对接多个接口，或者是一个接口但是需要传递获取验证码的类型。而这些接口通常都需要一个手机号。因此验证码需要接收俩个参数：phone, type。自身完成单击操作和读秒操作即可，不需要对引用的地方产生任何影响。

藏组件的复用

收藏功能使用的频率要比验证码更高，当然也更难。

像我最近做的大数据项目，用户可以对视频、音乐、话题进行收藏。同时他们出现的地方也非常多，像视频列表、音乐列表、话题列表、视频详情、音乐详情、话题详情... ... 都会有收藏的功能，不抽象成一个组件同样的逻辑写好几个地方后期维护是及其困难的。

像这种收藏，通常都会需要一个 id，是否收藏状态，以及完成收藏后的一系列的跳转功能。因此需要俩个参数: id 和 status。和 complete 回调方法

（编辑：潍坊站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!