vue中使用localStorage儲存資訊

2022-04-29 05:39:07 字數 447 閱讀 7550

正文

對瀏覽器來說,使用 web storage 儲存鍵值對比儲存 cookie 方式更直觀,而且容量更大,它包含兩種:localstorage 和 sessionstorage

localstorage(長期儲存) :與 sessionstorage 一樣,但是瀏覽器關閉後,資料依然會一直存在

所以上次使用cookie的時候就遇到了乙個坑,設定後馬上訪問session會獲取不到,蛋疼,還需要重新整理一下,原因是:

當我們首次訪問設定cookie的頁面時,伺服器會把設定的cookie值通過響應頭髮送過來,告訴瀏覽器將cookie儲存的本地相應資料夾中(注意:第一次訪問時本地還沒有儲存cookie,所以此時獲取不到值);

注意:sessionstorage 和 localstorage 的用法基本一致,引用型別的值要轉換成json,所以這裡就只列舉localstorage

Vue之在vue中使用render

使用components進行渲染得到 建立 vue 例項,得到 viewmodel var vm newvue methods components script body html 使用render 這裡 return 的結果,會 替換頁面中 el 指定的那個 容器 建立 vue 例項,得到 vi...

Vue 如何在Vue中使用樣式

使用class樣式 1.陣列 第一種使用方式,直接傳遞乙個陣列,注意 這裡的class需要使用 v bind做資料繫結 2.陣列中使用三元表示式 3.陣列中巢狀物件 4.直接使用物件 不用陣列包裹 既然是乙個物件,那我們也可以直接在data身上寫進行儲存 內聯樣式 1.直接在元素上通過v bind ...

vue中使用加密 解密

首先引入cdn src script 在webpack.base.conf.js配置 externals 在src目錄下,建立crypto資料夾,新建index.js檔案,寫入加密 export default return encrypted.tostring 解密 get word,keystr...