Vue, App与我（九）

电玩女神 2022-06-09 09:15 114阅读 0赞

# Vue, App与我（九） #

## Big-man携手Vue进军登录和微信登录： ##

### 前言： ###

*  Big-man最近在实现App的两个功能：**微信登录** 和**快速登录**。
 *  **微信登录：**
    
     *  用户点击微信登录按钮进行微信登录的时候，自动弹起微信**确认登录页面**，用户点击**确认登录**之后**第一次**还需要进行手机验证的成功之后才能进行登录进入的功能，因为Big-man现在经手的项目是电子商务项目，用户的交易平台这一方面的信息需要进行保护和安全设置，所以也就进行了手机的验证。
 *  **快速登录：**
    
     *  快速登录是用户进行**快速登录**，也就是用户直接进行手机验证进入App浏览和消费商品，这也是电子商务的产品一直以来的常规设计。

--------------------

### 登录： ###

*  `login.js`

login: function(event){
          if(this.username == ''|| this.username == ''){
              return
          }
          this.$http.post(this.logUrl,{username: this.username, password: this.password, openid: this.openid}).then( (response) => { const ret = JSON.parse(response.data || "[]") if(ret['code'] === 0){ Store.setAuthIid(ret['token']) Store.setUserName(ret['username']) Store.getUserMessage(ret['username2'],ret['despass'],ret['token']) Toast('登录成功') if(window.history.length > 2){ this.$router.go(-1) }else{ this.$router.replace('/user/') } }else{ Toast(ret['msg'] || '登录失败') } },(response) => { }) },

*  `login: function(event) {}`这样的语句Big-man就不再这里分析了，如果用原生的`js`进行书写的话，就是相当于这样的内容`var login = function(event) {}`或者`function login() {}`, 这里也就是声明一个函数, 函数名为`login`。

if(this.username == '' || this.username == '') { 
        return 
    }

*  刚开始的Big-man还理解错了，所以赶紧写了一道小程序进行测试:

#include <stdio.h>
    #include <stdlib.h>
    #include <string.h>
    int main(void) 
    {
        char str[5] = "abcd";
        if(str == "" || str == "") {
            printf("%d\n", 1);
        } 
        else if(str != "" || str == "") {
            printf("%d\n", 2);
        }
        else if (str != "" || str != "") {
            printf("%d\n", 3);
        }
    }

*  Output：

C:\code\C\test>a
    2

*  对于这个程序的输出，可能大家很多都会出现Big-man类似的疑问，在这里Big-man只是做简单的介绍，就像是写数学题的原理，一般你给出答案的时候，就是你结束答题的时候，这就是上式所给出来的输出结果，如果大家很不明白的话，可以去查看一下C语言中的`printf()`函数的作用。如果你还是不理解，Big-man在下面给出了另一组测试:

#include <stdio.h>
    #include <stdlib.h>
    #include <string.h>
    int main(void) 
    {
        char str[5] = "abcd";
        if(str == "" || str == "") {
            printf("%d\n", 1);
        }
        else if (str != "" || str != "") {
            printf("%d\n", 4);
        }
        else if(str == "" || str != "") {
            printf("%d\n", 3);
        } 
        else if(str != "" || str == "") {
            printf("%d\n", 2);
        }
    }

*  如果大家理解了上面的方法之后就会知道下面的输出结果：

C:\code\C\test>a
    4

*  所以上面的代码只有在`this.username == ''` 为`true`的时候执行，但是Big-man有个疑惑，因为加上**逻辑或**，应该是为多出几种判断关系，但是Big-man对于`this.username == '' || this.username == ''`就只是有两种情况了。这和本身的`this.username == ''`是一样的模式。

--------------------

> Jackdan9 Thinking