關於app封裝搭建，註冊登陸的一些理解

1. App封裝
2. 搭建項目
3. 登陸
4. 註冊

App封裝
通常就是去封裝一些項目的時候常常出現的，必須一些佈局、功能，這樣能夠幫助咱們優化代碼，提升效率，後期更好維護

搭建項目
基於webpack，建立vue腳手架，進行項目的開發。寫項目，首頁要去進行總體頁面的排版，以及路由的跳轉。通常咱們搭建項目，一些插件是必需要用的，好比axios，vuex，router等

"dependencies": { 
    "axios": "^0.21.0",
    "core-js": "^3.6.5",
    "vant": "^2.10.11",
    "vue": "^2.6.11",
    "vue-router": "^3.2.0",
    "vuex": "^3.4.0"
  },

登陸
寫一個form表單驗證，裏面是判斷登陸的條件，好比用戶名和密碼的長度，是否爲空，手機號碼是否正確，而後再點擊登陸的函數中，判斷，並調用接口，傳入用戶名和密碼的參數，判斷是否獲取到數據，沒有就報錯，獲取到就保存token值和用戶信息的值

註冊
先寫一個from表單手機號註冊，並設置密碼，點擊獲取信息驗證碼，綁定一個點擊事件，在點擊的時候，調用接口並傳入手機號（和圖形驗證碼），而後在點擊註冊的時候，去調用獲取註冊接口，並傳入手機號、密碼及驗證碼，完成註冊

<!-- html代碼 -->
  <!-- 手機號 -->
        <div class="int_num">
          <input type="number" placeholder="請輸入手機號" maxlength="11" v-model="mobile" />
          <div class="getC" @click="isSendCode">{ { codeTxt}}</div>
        </div>
        <!-- 找回密碼 -->
        <div class="other">
          <span class="forget">*未註冊得手機號將自動註冊</span>
          <span class="login_cap" @click="$router.push('/login')"> 使用密碼登陸</span>
        </div>
      </div>
      <!-- 登陸按鈕 -->
      <div class="login">
        <span @click="submitLogin">登陸</span>
      </div>

// 驗證手機號正則
      let phone = /^1[3456789]\d{9}$/;
      if (phone.test(this.mobile)) { 
        let {  data } = await smCodeAjax({ 
          mobile: this.mobile,
          sms_type: "login"
        });
        console.log(data);
        // console.log(res);
        if (data.code == 200) { 
          this.isSendCode = true; //驗證碼發送狀態爲真
            this.time();
          this.$toast(data.msg);
        }
      } else { 
        this.$toast("請輸入正確得手機號");
      }