封裝存 取storage工具方法

2022-06-17 10:30:17 字數 818 閱讀 5574

/*

* * 儲存localstorage */

export const setstorage = (name, content) =>

window.localstorage.setitem(name, content);

};/**

* 獲取localstorage

* 若存的是非字串則取出來的是字串,記得json.parse還原一下

*/export const getstorage = name =>;

使用:

<

template

>

<

div>

<

div>

取資料 },},}

div>

div>

template

>

<

script

>

//引入訪問storage工具方法

import from

'@/util/util'//

在外面定義變數 vue內部能否訪問

//let bian = 'husdb' //可以訪問,scrupt標籤內定義的是全域性變數。

export

default

, //

物件c:[1,

2,3],

//陣列

} },

computed: ,

getb(),

getc(),

},created() ,

}script

>

學習封裝storage

學習採用靜態方法封裝localstorage。類相當於例項的原型,所有在類中定義的方法,都會被例項繼承。如果在乙個方法前,加上static關鍵字,就表示該方法不會被例項繼承,而是直接通過類來呼叫,這就稱為 靜態方法 class storage window.localstorage.setitem ...

工作工具之 函式封裝 storage篇

storage 類的封裝class storagefn cookie 設定cookie setcookie name,value,day else 獲取cookie getcookie name return 刪除cookie removecookie name localstorage 設定loc...

Vue 前端 Storage的封裝

前言 storage 是類似cookie 的東西 在vue專案的src 資料夾下新建storage index.js 檔案 index.js storage封裝 storage key 可以是任意值 const storage key mall export default else 獲取某乙個模組...