最近公司项目去jquery化，很多小功能要重写，作为公司最苦逼的劳力，大大小小封装了几十个组件，真心感觉系统重构是很蛋疼的事情，各种困扰，各种迷惑，各种百度查，看官方文档....但是也体验到了vue带来的快捷和优雅，从之前vue一窍不通到现在的给全公司培训vue技巧，也算辛苦得有价值。
下面就验证码这个功能拿出来给大家分享一下，主要是让大家体验两种方式的不同。
传统写法
html部分
基于jquery框架的js，点击后重新请求图片更换验证码。
当然也可以在img中加一个onclick来触发js方法，但是现在看来，实现方式很不优雅。
下面看看用vue来实现。
vue写法
先封装一个组件，代码如下：
从上面代码可以看出来，js部分一直围绕变量和数据编程，根本不需要用js方式去操作dom节点的src属性，这种方式非常舒服，尤其对于我这种后端出来的前端菜鸟。
使用方式：
<code><ui-verification-code-image>/<code>
是不是很简单，很舒服！
分享到:
閱讀更多 鵝是程序猿 的文章
