vue实现验证码倒计时功能

之前在公司实习时，主要从事于前端开发。公司当时主要是在开发一个管理系统，关于金融方面的。

前端开发技术主要是用到了vue全家桶、elementUI，以及vue相关的插件等。当时公司是IDEA进行开发，但我推荐用VSCode进行开发，具体还是要按照公司的要求来。

首先说一说验证码计时功能

HTML代码（基于elementUI）：

 
      发送验证码
      重新发送({{count}}s)
  

v-bind是vue.js的指令用于绑定数据和元素属性，想具体了解可以去官网查看，这里是用来控制按钮的css样式。

JS代码（基于vue2.0）；

CSS代码：

 .grey{
    background-color: #EDEEF1;
    border-color: #EDEEF1;
    color:#666;
    width: 30%;
  }
  .blue{
    background-color: #64A0DD;
    border-color: #64A0DD;
  }

参照：Vue实现验证码的60s倒计时_老猫吃饭团的博客-CSDN博客