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中，是的話獲取使用者和密碼和勾選狀態，顯示在頁面上，實現記住密碼功能