vuex 部分模块数据持久化

Posted 脉望

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vuex 部分模块数据持久化相关的知识,希望对你有一定的参考价值。

  • 安装 vuex-persistedstate
npm install --save vuex-persistedstate
  • admin.js
const state = {
  name: \'\',
  phone: \'\',
  avatar: \'\'
}

const mutations = {
}

export default {
  namespaced: true,
  state,
  mutations
}
  • store/index.js
// ...
import createPersistedState from \'vuex-persistedstate\'
import admin from \'./modules/admin\'

const adminState = createPersistedState({
  paths: [\'admin\']
  paths: [\'admin.name\']  // admin.js中的\'name\'持久化
})

export default new Vuex.Store({
  // ...
  plugins: [adminState]
})

以上是关于vuex 部分模块数据持久化的主要内容,如果未能解决你的问题,请参考以下文章

使用 vuex-persistedstate 仅使一个模块持久化

防止 VueX 中的持久状态锁定应用程序

vue3 封装使用 pinia (可直接使用,包含数据持久化)

Vuex状态数据源state

vuex-persist数据持久化存储

vuex-persist数据持久化存储