一：cookie 基礎知識
1，cookie 是有大小限制的，大多數瀏覽器支援最大為 4096 位元組（大約4m）的 cookie，如果 cookie 字串的長度超過最大限制，則該屬性將返回空字串。
2，由於 cookie 最終都是以檔案形式存放在客戶端計算機中，所以檢視和修改 cookie 都是很方便的，這就是為什麼常說 cookie 不能存放重要資訊的原因。
3，每個 cookie 的格式都是這樣的：cookiename = value；名稱和值都必須是合法的標示符。
4，cookie 是存在 有效期的。在預設情況下，乙個 cookie 的生命週期就是在瀏覽器關閉的時候結束。如果想要 cookie 能在瀏覽器關掉之後還可以使用，就必須要為該 cookie 設定有效期，也就是 cookie 的失效日期。
5，alert(typeof document.cookie)結果是 string.
6，cookie 有域和路徑這個概念。域就是domain的概念，因為瀏覽器是個注意安全的環境，所以不同的域之間是不能互相訪問 cookie 的(當然可以通過特殊設定的達到 cookie 跨域訪問)。路徑就是routing的概念，乙個網頁所建立的 cookie 只能被與這個網頁在同一目錄或子目錄下得所有網頁訪問，而不能被其他目錄下得網頁訪問（這句話有點繞，一會看個例子就好理解了）。
7，其實建立cookie的方式和定義變數的方式有些相似，都需要使用 cookie 名稱和 cookie 值。同個**可以建立多個 cookie ，而多個 cookie 可以存放在同乙個cookie 檔案中。
8，cookie 存在兩種型別：①:你瀏覽的當前**本身設定的 cookie ②來自在網頁上嵌入廣告或等其他域**的 第三方 cookie (**可通過使用這些 cookie 跟蹤你的使用資訊)
9，cookie 有兩種清除方式：①:通過瀏覽器工具清除 cookie (有第三方的工具，瀏覽器自身也有這種功能) ②通過設定 cookie 的有效期來清除 cookie.注：刪除 cookie 有時可能導致某些網頁無法正常執行。
,10，瀏覽器可以通過設定來接受和拒絕訪問 cookie。出於功能和效能的原因考慮，建議盡量降低 cookie 的使用數量，並且要盡量使用小 cookie。
二：簡單屬性介紹
1，cookie是建立於伺服器端
2，cookie儲存在瀏覽器端
3，cookie的生命週期可以通過cookie.setmaxage(2000);來設定，如果沒有設定setmaxage,則cookie的生命週期當瀏覽器關閉的時候，就消亡了
4，cookie可以被多個同型別的瀏覽器共享 可以把cookie想象成一張表
三： 設定cookie的存活時間
1，cookie.setmaxage(60*60)：表示cookie物件可存活1小時。就算關閉瀏覽器，就算重啟客戶端電腦，cookie也會存活1小時。因為當maxage大於0時，瀏覽器不僅會把cookie儲存在瀏覽器記憶體中，還會把cookie儲存到硬碟上。
2，cookie.setmaxage(-1)：cookie的maxage屬性的預設值就是-1（其實只要是負數都是乙個意思），表示只在瀏覽器記憶體中存活。一旦關閉瀏覽器視窗，那麼cookie就會消失。
3，cookie.setmaxage(0)：cookie被作廢！表示cookie即不在記憶體中存活，也不在硬碟上存活，這樣的cookie設定只有乙個目的，那就是覆蓋客戶端原來的這個cookie，使其作廢。
四：cookie在vue登入中的使用
後台管理系統
記住密碼
登入
//頁面載入呼叫獲取cookie值
data()
} mounted() ,
methods: else
//與後端請求**，本功能不需要與後台互動所以省略
console.log("登陸成功");
});},
//設定cookie
setcookie(c_name, c_pwd, exdays) ,
//讀取cookie
getcookie: function() else if (arr2[0] == 'userpwd') }}
},//清除cookie
clearcookie: function()
Vue登入頁面
調整專案目錄結構如下 其中 src store index.js import vue from vue import vuex from vuex import state from state import mutations from mutations import actions from...
使用Vue寫乙個登入頁面
為了不浪費大家時間，所以我把這段話放在了開頭。上一部落格講到構建了乙個vue專案，現在在那個專案之上實現乙個登入頁面。因為用到了element ui元件，所以需要先安裝element ui元件，進入專案根目錄後 執行cnpm i element ui構建專案的目錄 自己寫的樣式 import sty...
使用Vue寫乙個登入頁面
上一部落格講到構建了乙個vue專案，現在在那個專案之上實現乙個登入頁面。因為用到了element ui元件，所以需要先安裝element ui元件，進入專案根目錄後 執行cnpm i element ui構建專案的目錄 自己寫的樣式 import style theme.css import sty...