vue中 sessionStorage 的使用

2021-10-12 01:14:38 字數 1119 閱讀 3682

sessionstorage.key(int index) //返回當前 sessionstorage 物件的第index序號的key名稱。若沒有返回null。

sessionstorage.getitem(string key) //返回鍵名(key)對應的值(value)。若沒有返回null。

sessionstorage.setitem(string key, string value) //該方法接受乙個鍵名(key)和值(value)作為引數,將鍵值對新增到儲存中;如果鍵名存在,則更新其對應的值。

sessionstorage.removeitem(string key) //將指定的鍵名(key)從 sessionstorage 物件中移除。

sessionstorage.clear() //清除 sessionstorage 物件所有的項。

sessionstorage.setitem('testkey','這是乙個測試的value值'); // 存入乙個值

sessionstorage['testkey'] = '這是乙個測試的value值';

sessionstorage也可儲存json物件:儲存時,通過json.stringify()將物件轉換為文字格式;讀取時,通過json.parse()將文字轉換回物件。

var userentity = ;

// 儲存值:將物件轉換為json字串

sessionstorage.setitem('user', json.stringify(userentity));

// 取值時:把獲取到的json字串轉換回物件

var userjsonstr = sessionstorage.getitem('user');

userentity = json.parse(userjsonstr);

console.log(userentity.name); // => tom

sessionstorage.getitem('testkey'); // => 返回testkey對應的值

sessionstorage['testkey']; // => 這是乙個測試的value值

Vue 在Vue中快速使用ElementUI

最近使用vue,順道使用elementui,在vue專案中音容elementui的方法 idea開啟termianl,在vue專案中使用npm安裝 1.安裝 npm install element ui s2.引入 1 整體引入 在專案的main.js中寫入 import elementui fro...

Vue中的 vue檔案的使用

需要安裝vue loader npm i vue loader vue template complier d 然後在配置檔案中新增匹配規則 template 這裡定義js 在這裡匯入檔案 import vue from vue export default methods script style...

vue 引用src中的檔案 VUE中引用路徑的配置

在vue專案開發中經常引用js css img檔案。當專案較大時檔案層級很多,導致路徑很長,我們可以通過在bulid webpack.base.conf.js 設定簡便的引用路徑 一 引用assets目錄下的檔案 舉例 1 在src components content content.vue 中引...