其他分享
首页 > 其他分享> > vue数据持久化 (刷新后数据不重置)

vue数据持久化 (刷新后数据不重置)

作者:互联网

vuex-persistedstate - npm (npmjs.com)

 1.安装一个小插件

npm install --save vuex-persistedstate

2.在store文件夹下的index.js中

import createPersistedState from "vuex-persistedstate";//数据持久化

plugins: [createPersistedState()], 

3.如:

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

Vue.use(Vuex)
import createPersistedState from "vuex-persistedstate";//数据持久化

export default new Vuex.Store({
  plugins: [createPersistedState()],  //数据持久化
  state: {
    a:1
  },
  mutations: {   
   setA(state,arg){
     console.log('arg');
     state.a = arg;
   }

 

标签:vue,数据,重置,state,arg,persistedstate,import,vuex,createPersistedState
来源: https://blog.csdn.net/nengsong111/article/details/120696800