form表單怎么進行登錄？

1. 先用el-form表單組件實現布局

用戶名和密碼輸入框，記住密碼單選框，登錄按鈕

:rules="rules"綁定表單校驗規則，

:model="user"進行表單校驗時，需要綁定輸入的信息數組

hide-required-asterisk=false 設置是否顯示必填字段的標簽旁邊的紅色星號

ref="ruleForm" 將按鈕和表單關聯起來，好進行點擊事件的操作

2.v-model實現雙向綁定

3.js-sha256插件實現密碼加密

4. 實現登錄

1） 判斷valid的值，為true時表示校驗通過，獲取用戶名和加密后的密碼

2）判斷記住密碼的單選框是否勾選，勾選狀態就將帳號和未加密的密碼和勾選狀態true保存到cookie中,checked表示勾選狀態

3）請求登錄的接口

4） 請求登錄接口成功后，獲取token，將token儲存到cookie中，獲取用戶信息，將用戶信息儲存到vuex中

5）跳轉到index主頁面

5. 當vue實例創建完成后，在created鉤子函數中去實現enter登錄

6. 當頁面剛掛載完成時，在mounted鉤子函數中去判斷帳號和密碼和勾選狀態是否存在cookie中，是的話獲取用戶和密碼和勾選狀態，顯示在頁面上，實現記住密碼功能