• <abbr id="chdyf"></abbr>
    <ruby id="chdyf"><acronym id="chdyf"><meter id="chdyf"></meter></acronym></ruby>
    <bdo id="chdyf"></bdo>
    <dfn id="chdyf"><menu id="chdyf"></menu></dfn>
    1. <menuitem id="chdyf"></menuitem><strong id="chdyf"><menu id="chdyf"></menu></strong>

      <rt id="chdyf"><menu id="chdyf"></menu></rt>
      成人小说一区二区三区,伊人精品成人久久综合全集观看,久久HEZYO色综合,中文字幕精品人妻熟女,影音先锋成人网站,我要看免费一级毛片,中国女人做爰A片,中文字幕av久久爽Av

      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://www.wtxcl.cn

      存檔