vue全域性掛載快取 good storage

2021-10-13 05:19:48 字數 2216 閱讀 9210

vue做資料快取有多種方案,如:good-storage,localstorage ,本文使用good-storage作為快取,good-storage是乙個外掛程式,需要安裝

在命令列安裝

npm install good-storage
這裡需要注意一下,這裡有兩種方法暴露方式,引用的時候也是不一樣的,需要注意!下文全域性掛載的時候會說明

集中暴露

//對瀏覽器的cookies和session  可以參考

//注意cookies和session這裡面的資料雖然全域性可以通過以下方式可以操作,

// 但是介面不重新整理的話這些便更的資料無法在介面上做到響應式

import storage from 'good-storage'

const localstorage =

, cookiesget: function (key)

, cookiesclear: function (),

cookiesremove: function (key)

, sessionput: function (key, value)

, sessionget: function (key)

, sessionclear: function (),

sessionremove: function (key)

}export default localstorage;

單獨暴露

//cookies

export function cookiesput

(key, value)

export function cookiesget

(key)

export function cookiesclear()

export function cookiesremove

(key)

//session

export function sessionput

(key, value)

export function sessionget

(key)

export function sessionclear()

export function sessionremove

(key)

在main.js中編碼

集中暴露式

import localstorage from './utils/datastorage'

vue.prototype.$localstorage=localstorage;

介面中使用

單獨暴露式

vue怎麼把api 掛載到全域性 vue的全域性api

什麼是全域性api 全域性api並不在構造器裡,而是先宣告全域性變數或者直接在vue上定義一些新功能,vue內建了一些全域性api,說的簡單些就是,在構造器外部用vue提供給我們的api函式來定義新的功能。當然對應得也有區域性的,只在當前的例項中可以用,比如區域性過濾器。vue.directive自...

Vue 全域性掛載自定義函式

使用vue 時,有時需要設定公共的函式,便於在所有元件中呼叫或者在元件的生命週期中都可呼叫,這便需要自定義全域性函式。以下介紹一些全域性函式的定義方式。1 方法一 vue.prototype 在mian.js中寫入函式 vue.prototype.gettoken function 在所有元件裡可呼...

Vue自定義函式掛載到全域性方法

看了很多方法介紹,基本思路是,定義方法 在main.js中引入 就能全域性使用,提高 的復用性。我這裡只寫下工作中常見和常用的方法 使用export default install vue.prototype 方法寫在哪,怎麼寫,一般按專案規則和個人習慣 我這裡以 http為例 1.建立reques...