Vue.jsサンプルコード（31）パスワードの強度をバーで表現する｜TechRacho by BPS株式会社

前記事: 30. パスワードを自動生成する 次記事: 32. 郵便番号に対応する地図を表示する 31. パスワードの強度をバーで表現する Vue.jsバージョン: 2.5.2 [パスワード]フィールドにパスワードを入力すると、強度を判定してバーを伸ばします。 パスワードの文字数8文字以上、英小文字、英大文字、記号、数字の使用について20%ずつ配点しています。 パスワードは隠していません。 画面をリロードすると最初の状態に戻ります。 ポイント このような場合はwatchよりcomputed（第1回参照）を使うことをおすすめします。 const vm = new Vue({ el: "#app", data: {p: ""}, computed: { s: function() { let s = 0 s += /.{8,}/.test(this.p) ? 20 : 0 s += /\d/.t