vuex-persistedstate怎么用

vuex-persistedstate是一个用于在Vuex中持久化存储状态的插件。使用它可以将Vuex中的状态保存到本地存储中，以便在页面刷新后仍然可以保留状态。

使用vuex-persistedstate非常简单，只需要在Vuex的store中引入该插件并进行配置即可。以下是一个简单的示例：

1. 安装vuex-persistedstate插件：

npm install vuex-persistedstate --save

2. 在Vuex的store中引入vuex-persistedstate插件：

import createPersistedState from 'vuex-persistedstate'
import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

const store = new Vuex.Store({
  // ...
  plugins: [
    createPersistedState()
  ]
})

3. 配置vuex-persistedstate插件：

import createPersistedState from 'vuex-persistedstate'
import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

const store = new Vuex.Store({
  // ...
  plugins: [
    createPersistedState({
      key: 'my-app',
      paths: ['user', 'cart']
    })
  ]
})

在上面的示例中，我们通过配置key和paths选项来指定要持久化存储的状态。key选项用于指定存储在本地存储中的键名，而paths选项用于指定要持久化存储的状态属性。

以上就是使用vuex-persistedstate插件的基本步骤，希望对你有所帮助。