第一步：引用的elementui，中间引用的是里面的进度条，引用完进度条后，我们就要通过监听input框里面的内容，使用的是@input方法。

 

第二步：搜索不同强度密码的正则表达式，下面是高强度和中等类型，引用完对密码框绑定的值进行一个效验，根据不同强度的正则，在我们的进度条后面显示不同的文字。

高强度：(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[^A-Za-z0-9])(?=.{8,})

中等类型：((?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[^A-Za-z0-9])(?=.{6,}))|((?=.*[a-z])(?=.*[A-Z])(?=.*[^A-Za-z0-9])(?=.{8,}))

第三步：监听我们密码框是否有值，使用watch属性，有值显示。