最近公司項目去jquery化，很多小功能要重寫，作為公司最苦逼的勞力，大大小小封裝了幾十個組件，真心感覺系統重構是很蛋疼的事情，各種困擾，各種迷惑，各種百度查，看官方文檔....但是也體驗到了vue帶來的快捷和優雅，從之前vue一竅不通到現在的給全公司培訓vue技巧，也算辛苦得有價值。
下面就驗證碼這個功能拿出來給大家分享一下，主要是讓大家體驗兩種方式的不同。
傳統寫法
html部分
基於jquery框架的js，點擊後重新請求圖片更換驗證碼。
當然也可以在img中加一個onclick來觸發js方法，但是現在看來，實現方式很不優雅。
下面看看用vue來實現。
vue寫法
先封裝一個組件，代碼如下：
從上面代碼可以看出來，js部分一直圍繞變量和數據編程，根本不需要用js方式去操作dom節點的src屬性，這種方式非常舒服，尤其對於我這種後端出來的前端菜鳥。
使用方式：
<code><ui-verification-code-image>/<code>
是不是很簡單，很舒服！
分享到:
閱讀更多 鵝是程序猿 的文章
