9. 注册校验

if(!/^[\w\u4e00-\u9fa5]{3,15}$/.test(username.value)){
  showToast('用户名必须3~15个字符\n(仅限于字母数字下划线和中文)')
  return
}
if(!/^.{6,16}$/.test(password.value)){
  showToast("密码长度必须6~16位")
  return
}

插值文本换行

正常情况下，vue的{{}}中会忽略空白和换行( \n )，将 wite-space 设为 pre 可保留换行

  .toast {
    white-space: pre;
    text-align: center;
    line-height: 1.5;
  }