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...