<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • Vue 數據持久化

    2019-12-11    前端達人

    方法一:使用 localStorage 存儲數據

    window.localStorage.setItem(key,value)

     

    方法二:使用 vuex-persistedstate插件

    vuex 存在一個痛點,就是刷新以后vuex里面存儲的state就會被瀏覽器釋放掉(state都是存儲在內存中的)。

    辦法:

    通過vuex-persistedstate插件,實現將數據存儲到本地。

    1.實現

    import createPersistedState from 'vuex-persistedstate'
    export default new Vuex.Store({
        state:{},
        getters:{},
        actions:{},
        mutations:{},
        modules:{},
        plugins: [createPersistedState()]  //加上這個就可以了 //里面設置需要緩存的內容
    })

    API:  https://www.npmjs.com/package/vuex-persistedstate

    方法三: 使用vue-cookie插件

    cookie 可以設置過期時間

    import Vue from 'vue';
    import Vuex from 'vuex';

    Vue.use(Vuex)
    var VueCookie = require('vue-cookie');

    export default new Vuex.Store({
      state: {
        token: VueCookie.get('token')
      },
      mutations: {
        saveToken(state, token) {
          state.token = token;
          // 設置存儲
          VueCookie.set('token', token, { expires: '30s' });
        }
      },
      actions: {

      }
    })

    日歷

    鏈接

    個人資料

    藍藍設計的小編 http://m.skdbbs.com

    存檔

    主站蜘蛛池模板: 人人妻人人澡人人爽欧美精品| 亚洲第一区精品观看| 精品国产日韩亚洲一区| 精品国产VA久久久久久久冰| 精品人妻少妇一区二区三区不卡| 99热精品在线| 久久亚洲精品成人av无码网站| 欧美国产成人精品一区二区三区| 91精品婷婷国产综合久久| 777欧美午夜精品影院| 国产精品成人A区在线观看| 中文字幕精品一区| 四虎影视永久在线精品| 精品偷自拍另类在线观看丰满白嫩大屁股ass | 2021国产精品成人免费视频| 亚洲精品一级无码中文字幕| 久久精品成人欧美大片| 国产精品色视频ⅹxxx| 91精品国产91久久久久久| 国产高清国产精品国产专区| 精品国产a∨无码一区二区三区| 欧美精品第欧美第12页| 国产精品无码久久久久久| 亚洲国产第一站精品蜜芽| 亚洲精品综合久久| 亚洲国产精品激情在线观看| 欧美人与动牲交a欧美精品| 国产亚洲精品a在线观看| 国产精品狼人久久久久影院| 97国产视频精品| 成人免费精品网站在线观看影片 | 94久久国产乱子伦精品免费 | 欧美日韩精品一区二区三区不卡 | 国内精品久久久久影院网站| 99精品福利国产在线| 日韩精品国产自在久久现线拍| 成人国产精品一区二区网站| 99re久久精品国产首页2020| 18国产精品白浆在线观看免费 | 久久久久亚洲精品无码蜜桃| 欧美日韩精品在线|