vue 发送验证码倒计时公共组件

前言

基本上做的每个项目都会有发送验证码的需求，之前一直是遇到一次写一次方法，这次做这个需求的时候正好把这个功能封装为组件，以方便后期使用。

1，了解vue--props属性的都知道，我在props传参数的时候默认值是在你什么参数都没有传入的时候生效
2，所以这个时候需要全部都从父组件传入，也是比较灵活的做法
3，如果真的需要使用灵活的使用默认值，那就在公共得组件内使用computed计算属性,这样就可以使用默认值了，也就是下面computed的部分，但是注意页面中使用也要使用computed返回的值，不要写错
4，这里就是一个公共得button发送验证码，自己根据不同的需求写发送验证码的方法，比较灵活

这个组件将所有的参数都开放出来，达到了更加灵活的需求，适合多个场景。

这里用的vue-cli + element-ui写的，不过方法是可以用到每个框架的。

step 一，创建公共得vue组件

step 二，在需要使用的页面

结束语

这个组件最大的好处就是比较灵活，传入所有的参数，就可以直接使用了。还有不足的会多多改进。