最近项目结束，空闲时间比较多，今天小编抽时间给大家使用vue写一个小例子，就决定做验证码倒计时功能，具体实例代码大家参考下本

在项目开发里，我们经常会遇到发送验证码、点击了之后有60秒倒计时的按钮，很常见却也很简单，但是在写这个按钮的时候有个别地方还要注意下，今天写出来，如有问题欢迎指正！ 完成的效果如下：   为了更快显示出效果，我把时间设成了5秒。按钮在点击之后会出现倒计时，同时按钮变为不可点击状态，样式也发生变化，鼠标悬浮上的样子也会发生变化。 接下来我们用代码来实现： {{content}} ... data () { return { content: '发送验证

本人最近开始尝试学习vue.js。想使用vue写一个小例子，就选择做验证码按钮倒计时功能。     上网上搜了一下，也把他们的代码试了一下，自己出了很多问题。所以，需要写一篇基础入门的文章，避免后面人采坑。    这是按照网上写的HTML页面 <input type=