最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

關(guān)于vue路由緩存清除在main.js中的設(shè)置

 更新時間:2019年11月06日 08:41:36   作者:高級前端工程師Vue方向  
今天小編就為大家分享一篇關(guān)于vue路由緩存清除在main.js中的設(shè)置,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧

1.main.js

/* 頁面數(shù)據(jù)緩存 */
var _CACHE_OBJS = {};
 
function _init_cache(comp, key, cache) {
 var obj = cache[key];
 if (obj !== undefined) {
 comp[key] = obj;
 }
 var deep = typeof comp[key] === 'object';
 comp.$watch(key,
 function (val) {
  //console.log("page " + key + " updated");
  cache[key] = val;
 }, {
  deep: deep
 });
}
 
 
var _PAGE_CACHE = {
 /*
 * 初始化頁面緩存數(shù)據(jù)
 * comp: 當(dāng)前頁面component 對象
 * path: 當(dāng)前頁面vue router path
 * data: 需要緩存的數(shù)據(jù)對象名稱,或名稱數(shù)組
 */
 cache: function (comp, path, data) {
 if (data == '' || data == undefined || data == null) {
  data = restore(comp._data);
 }
 var cache = _CACHE_OBJS[path];
 if (cache === undefined) {
  cache = {};
  _CACHE_OBJS[path] = cache;
 }
 if (typeof data == 'string') {
  _init_cache(comp, data, cache);
 } else {
  var i;
  for (i = 0; i < data.length; ++i) {
  _init_cache(comp, data[i], cache);
  }
 }
 console.log(_CACHE_OBJS, "頁面數(shù)據(jù)緩存");
 },
 
 /* 清除頁面緩存 */
 clear: function (path) {
 delete _CACHE_OBJS[path];
 },
 
 /* 清空所有緩存數(shù)據(jù) */
 reset: function () {
 //console.log("reset page cache");
 _CACHE_OBJS = {};
 },
 /*根據(jù)path查看當(dāng)前頁面緩存是否存在*/
 has_cache: function (path) {
 return _CACHE_OBJS[path] !== undefined && !isEmptyObject(_CACHE_OBJS[path]);
 }
};
 
Vue.prototype.$cache = _PAGE_CACHE;
/* eslint-disable no-new */
 
var restore = function (vueObject) {
 var result = [];
 for (var index in vueObject) {
 result.push(index);
 }
 return result;
};
 
var isEmptyObject = function (obj) {
 for (var key in obj) {
 return false;
 }
 return true;
}
 

以上這篇關(guān)于vue路由緩存清除在main.js中的設(shè)置就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • vue實現(xiàn)圖片按比例縮放問題操作

    vue實現(xiàn)圖片按比例縮放問題操作

    這篇文章主要介紹了vue實現(xiàn)圖片按比例縮放問題操作,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2020-08-08
  • vue項目API接口get請求傳遞參數(shù)方式

    vue項目API接口get請求傳遞參數(shù)方式

    這篇文章主要介紹了vue項目API接口get請求傳遞參數(shù)方式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2023-07-07
  • 栽Vue3中傳遞路由參數(shù)的三種方式

    栽Vue3中傳遞路由參數(shù)的三種方式

    vue 路由傳參的使用場景一般都是應(yīng)用在父路由跳轉(zhuǎn)到子路由時,攜帶參數(shù)跳轉(zhuǎn),傳參方式可劃分為 params 傳參和 query 傳參,本文將給大家介紹如何通過不同方式在 Vue 3 中傳遞路由參數(shù),需要的朋友可以參考下
    2024-07-07
  • Vue3+vuedraggable實現(xiàn)動態(tài)配置頁面

    Vue3+vuedraggable實現(xiàn)動態(tài)配置頁面

    這篇文章主要為大家詳細(xì)介紹了Vue3如何利用vuedraggable實現(xiàn)動態(tài)配置頁面,文中的示例代碼講解詳細(xì),具有一定的借鑒價值,需要的可以參考一下
    2023-12-12
  • Vue axios與Go Frame后端框架的Options請求跨域問題詳解

    Vue axios與Go Frame后端框架的Options請求跨域問題詳解

    這篇文章主要介紹了Vue axios與Go Frame后端框架的Options請求跨域問題詳解,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-03-03
  • Vue發(fā)送ajax請求方法介紹

    Vue發(fā)送ajax請求方法介紹

    這篇文章介紹了Vue發(fā)送ajax請求的方法,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2022-01-01
  • 簡單聊聊Vue中的ref,toRef與toRefs

    簡單聊聊Vue中的ref,toRef與toRefs

    這篇文章主要是想和大家來簡單聊聊Vue中的ref、toRef、toRefs這三個函數(shù)的使用與區(qū)別,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以了解一下
    2023-04-04
  • vue組件之間通信方式實例總結(jié)【8種方式】

    vue組件之間通信方式實例總結(jié)【8種方式】

    這篇文章主要介紹了vue組件之間通信方式,結(jié)合實例形式總結(jié)分析了vue.js的8種組件通信方式與相關(guān)操作注意事項,需要的朋友可以參考下
    2019-02-02
  • Vue使用枚舉類型實現(xiàn)HTML下拉框步驟詳解

    Vue使用枚舉類型實現(xiàn)HTML下拉框步驟詳解

    本文分步驟給大家介紹了Vue使用枚舉類型實現(xiàn)HTML下拉框的相關(guān)知識,非常不錯,具有參考借鑒價值,需要的朋友可以參考下
    2018-02-02
  • 關(guān)于vue的語法規(guī)則檢測報錯問題的解決

    關(guān)于vue的語法規(guī)則檢測報錯問題的解決

    在配置路有的時候,陸續(xù)出現(xiàn)了各種報錯其中最多的是一些寫法,例如空格,縮進,各種括號,這篇文章主要介紹了關(guān)于vue的語法規(guī)則檢測報錯問題的解決,非常具有實用價值,需要的朋友可以參考下
    2018-05-05

最新評論

嘉善县| 宁强县| 名山县| 措美县| 印江| 津南区| 那曲县| 新河县| 九寨沟县| 托里县| 陆良县| 大理市| 宜阳县| 卢氏县| 洛隆县| 红河县| 泰顺县| 麻江县| 宝应县| 蛟河市| 布拖县| 四子王旗| 昆明市| 抚远县| 金堂县| 静乐县| 佛山市| 雷山县| 金平| 柳州市| 和硕县| 漯河市| 高清| 深圳市| 印江| 临朐县| 开阳县| 蒙阴县| 洛扎县| 吐鲁番市| 东乡|