<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

    存檔

    主站蜘蛛池模板: 99爱在线精品免费观看| 99久久精品国产一区二区三区| 国产精品久久久久影院色| 亚洲精品99久久久久中文字幕| 欧美性videofree精品| 久久亚洲私人国产精品vA| 拍国产乱人伦偷精品视频| 91久久精品国产91性色也| 国产精品久久久亚洲| 亚洲精品永久在线观看| 精品久久人人妻人人做精品| 亚洲国产精品一区二区久久| 国产AV无码专区亚洲精品| 婷婷精品国产亚洲AV麻豆不片| 欧美激情精品久久久久久久| 国产精品日韩深夜福利久久| 欧美精品一区二区三区视频| 国精品午夜福利视频不卡麻豆| 亚洲精品成人网站在线观看| 青青热久久国产久精品| 久久久久亚洲精品天堂久久久久久| 91精品国产成人网在线观看| 精品久久久久久亚洲| 国产a视频精品免费观看| 91精品国产综合久久精品| 国内精品人妻无码久久久影院| 日韩精品久久久久久久电影蜜臀| 亚洲国产综合精品一区在线播放| 色哟哟国产精品免费观看| 欧洲精品一区二区三区在线观看| 久久久久久极精品久久久| 久热精品视频第一页| 久久91这里精品国产2020| 久久夜色精品国产www| 欧美成人精品第一区二区| 日韩精品一二三四区| 中文精品99久久国产 | 成人国产精品一区二区网站| 成人国内精品久久久久一区 | 国产精品成人无码久久久久久| 国产精品成人久久久久久久|