vuex的缺陷是什么？（vue）

vuex无法进行永久存储（持久化存储）

解决方案是： 利用localStorage
vuex写法1：

import Vue from "vue";
import Vuex from "vuex";
Vue.use(Vuex);
export default new Vuex.Store({
  state: {}, // 相当于data
  getters: {}, // 相当于computed
  actions: {}, //处理方法，异步处理
  mutations: {}, // 更新state数据，同步处理
  modules: {}, // 模块，大型项目中使用
});

vuex写法2：

/*home.js*/
export default {
  state: {},
  getters: {},
  actions: {},
  mutations: {},
}
/*index.js*/
import Vue from "vue";
import Vuex from "vuex";
Vue.use(Vuex);
import home from './home.js'
export default new Vuex.Store({
  modules: {
    home
  },
});

效果图

vuex写法2：

/*about文件夹下state.js  getters.js  acitons.js  mutations.js*/
export default {}
/*about文件夹下index.js*/
import state from "./state.js";
import getters from "./getters.js";
import mutations from "./mutations.js";
import actions from "./actions.js";
export default {
  state,
  getters,
  mutations,
  actions,
}
/*store.js下index.js*/
import Vue from "vue";
import Vuex from "vuex";

Vue.use(Vuex);
import home from './home.js'
import about from './about/index.js'

export default new Vuex.Store({

  modules: {
    home,
    about
  }, // 模块，大型项目中使用
});