vuex 和本地存储使用

vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态的可预测性。而本地存储是指将数据存储在浏览器中，可以长期保存，不会因为页面刷新或关闭而丢失。

在Vuex中，我们可以使用插件来实现将状态持久化存储到本地，以达到跨窗口同步state的效果。常用的插件有vuex-persistedstate和vuex-persistence。这些插件通过监听state的变化，将state中的数据存储到本地存储中，并在页面重新加载时将数据重新读取到state中。

使用vuex-persistedstate插件的步骤如下：
1. 首先，安装插件，可以执行以下命令进行安装：

   npm i -S vuex-persistedstate

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

   import createPersistedState from 'vuex-persistedstate'
   import Vuex from 'vuex'
   
   const store = new Vuex.Store({
     // ...
     plugins: [createPersistedState()]
   })

以上就是使用vuex和本地存储的简单介绍和使用方法。如果你有其他问题，请随时提问。