日本阿v片在线播放免费,成人国产片视频在线观看,日韩黄片毛片在线观看,一区亚洲电影,琪琪秋霞午夜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://m.jjddy.com

      存檔